HTML5 实现拖放API的过程
提问人:刘团圆发布时间:2020-11-16
在HTML5中,要想实现拖放操作,至少需要经过如下两个步骤。
1.把要拖放的对象元素的draggable属性设置为true(draggable="true"),这样才能拖放该元素,
代码实例如下:
<div draggable="true">可以对我进行拖拽!</div>
另外,img元素与a元素(必须制定href)默认允许拖放。
2.编写与拖放有关的事件处理代码。
下面是与拖放有关的几个主要事件:
•ondtagstart事件: 当拖拽元素开始被拖拽时触发的事件,此事件作用在被拖拽的元素上。
•ondragenter事件:当拖拽元素进入目标元素时触发的事件,此事件用在目标兀素上。
•ondragover事件:当拖拽元素在目标元素上移动时触发的事件,此事件用在目标元素上。
•ondrop事件:当被拖拽元素在目标上同时松开鼠标时触发的事件,此事件作用在目标元素上。
•ondragend事件:当拖拽完成后触发的事件,此事件作用在被拖拽的兀素上。
继续查找其他问题的答案?
相关视频回答
回复(0)
点击加载更多评论>>