js --拖拽

版权声明：本文为博主原创文章，若文章中有错误请联系博主改正，请不要恶意留言(不喜欢请绕道)。欢迎大家转载，转载时请注明原文地址:https://blog.csdn.net/qq_37674616/article/details/82702882

目录

拖拽

拖放事件

放置事件

数据传输对象

属性

方法

完整示例

---

拖拽

拖拽即通过鼠标按下，将要拖拽的目标放置到某一个位置。

一般拖拽编写的步骤:

1.将要拖放的元素设置为可拖放的，即，将draggable设置为true.

2.重写放置目标元素的默认行为

3.编写事件

拖放事件

dragstart     鼠标按住拖放目标时

drag             开始移动时

dragend        拖放结束(鼠标抬起)

放置事件

        dragenter    进入放置目标
        dragover