HTML的拖拽接口 | 技术

黑马程序员
微信号：heiniu526
传智播客旗下互联网资讯，学习资源免费分享平台
⒈什么是拖拽？
本质上来说就是一个对象和一个对象直接传递。
其实学习拖拽，就是学习拖拽事件。

⒉在HTML5中很多元素是不能进行拖拽的，比如说图片和超链接：

在试图拖拽时你会发现一个禁止的符号，如果想拖拽元素，就必须为元素添加draggable="true"。

⒊相关的事件
应用于被拖拽元素的事件
ondrag       应用于拖拽元素，整个拖拽过程都会调用--持续
ondragstart 应用于拖拽元素，当拖拽开始时调用
ondragleave 应用于拖拽元素，当鼠标离开拖拽元素时调用
ondragend 应用于拖拽元素，当拖拽结束时调用

应用于目标元素的事件
ondragenter 应用于目标元素，当拖拽元素进入时调用
ondragover 应用于目标元素，当停留在目标元素上时调用
ondrop       应用于目标元素，当在目标元素上松开鼠标时调用
ondragleave 应用于目标元素，当鼠标离开目标元素时调用

案例：

注意：如果想触发ondrop事件，那么就必须在ondragover事件中阻止浏览器的默认行为。

热点文章

◆  Java还是Python最流行？
◆ 2018届毕业生平均月入4624元，可他凭什么月入10000+？
◆  TIOBE6月排行：Python 排名再次飙升，C和Java又该…

▼点击 阅读原文加程序员交流群