学习html5拖动drag
admin
2023-06-11 18:21:32
0次
 主要就是几个事件函数及属性
被拖动元素:draggable 属性设置为true
           ondragstart(event)当元素被拖动时发生什么事
例如可以把被拖动元素的id存储事件中 ev.dataTransfer.setData("name","value");value--ev.target.id
 
元素被放置
ondragover(ev) function 这个函数用来阻止浏览器的默认行为ev.preventDefault()
ondrop()元素被放置var id = ev.dataTransfer.getData("name");
ev.target.appendChild(document.getElementById(id))  ev.target是目标事件对象
要是去实现来回的拖动只要在目标对象上都加入ondragover ondrop 句柄就好了

 

 

 

 

 

 

上一篇：学习html5canvas画图

下一篇：Html5 画图

相关内容

热门资讯

强烈信号，家长们现在要连夜排队... 北京家长凌晨3点排队，只为孩子能上个中职学校。5月10日这天，是北京昌平职业技术学校自主招生面试日：...
自主选课+实战赋能，北京地铁公... 5月25日，据北京地铁公司消息，为精准破解员工岗位实训短板、满足个性化成长需求，近期北京地铁公司优化...
荣耀600 Pro测评：“销量... 荣耀的数字系列是一款典型的“销量大于网上声量”的产品。 在过去这些年，荣耀的数字系列一直都是3000...
美团、腾讯参投！机器人公司天机... 图片来源：广东天机智能系统有限官网 5月25日，天机机器人公众号发布消息称，广东天机智能系统有限公司...
伊朗外交部：中国在推动停火谈判... 伊朗外交部发言人巴加埃25日在伊朗首都德黑兰召开的记者会上谈及地区局势时表示，中国在推动地区停火与谈...
谷歌对“AI投毒”重拳出击 文 | 字母AI 当你某天一觉醒来，发现自己被困在布满屏幕的房间里，每个屏幕中播放的不是你感兴趣的...
斥资约5亿元！中国前首富钟睒睒... 快科技5月25日消息，当固态电池被视为动力电池的“终极路线”，中国前首富悄悄入局。 近日，农夫山泉创...
浑南智造闪耀“东北超”开幕式 ... 近日，备受瞩目的“东北超”开幕式震撼启幕。来自浑南区的新松机器人自动化股份有限公司携工业机器人SR2...
AI“炼化同事”，为何一石激起... 记者：白佳丽、郭方达最近，一家公司把一位离职员工的聊天记录、工作文档等投喂给AI，训练出一个能模仿其...
佳乐奥普浴霸安装 佳乐奥普浴霸是一种常见的浴室电器，以下是一般的安装步骤：1. 准备工具和材料：确保你拥有安装浴霸所需...