位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

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)
返回顶部