属性
- draggable='true'
事件
- ondragstart
开始拖拽
- ondrag
正在拖拽
- ondragend
结束拖拽
- dragenter
拖拽到目标元素 只有一次
![](https://i-blog.csdnimg.cn/blog_migrate/84e1d87358ddc0e862888701a1db70be.png)
拖拽到目标元素用法
- dragleave
离开元素
addEventListener
- dragover
连续触发
//组织默认行为
e.preventDefault();
e.stopPropagation();
return false;
-
drop
释放鼠标阻止默认行为
兼容
-
火狐
兼容火狐
![](https://i-blog.csdnimg.cn/blog_migrate/34bbb6e0c23bc64a39bf78a35d7ee27a.png)
拖拽显示