HTML ondragleave事件属性
-
ondragleave属性定义和用法
当可拖动元素或文本选择离开有效的放置目标时，将触发ondragleave属性。
ondragleave和ondragleave事件可以帮助用户理解可拖动元素即将进入或离开放置目标。这可以通过，例如，当可拖动元素进入放置目标时设置背景颜色，以及当元素移出目标时移除颜色来完成。
拖放是HTML5中非常常见的功能。当你“抓住”一个物体并将其拖到另一个位置时。有关更多信息，请参阅我们关于HTML5拖放的HTML教程。
注意：要使元素可拖动，请使用全局HTML5 draggable属性。
提示：默认情况下，链接和图像是可拖动的，不需要draggable属性。
在拖放操作的不同阶段中，有许多事件属性可以使用，并且可以发生：
在可拖动目标（源元素）上触发的事件：- ondragstart - 当用户开始拖动元素时触发
- ondrag - 在拖动元素时触发
- ondragend - 用户拖动元素后触发
- ondragenter - 当拖动的元素进入放置目标时触发
- ondragover - 当拖动的元素位于放置目标上时触发
- ondragleave - 当拖动的元素离开放置目标时触发
- ondrop - 当拖动的元素放在放置目标上时触发
-
ondragleave属性浏览器支持
Internet Explorer Chrome FireFox Safari Opera 9.0（含）以上 4.0（含）以上 3.5（含）以上 6.0（含）以上 12.0（含）以上 -
HTML4.01和HTML5之间的差异
ondragleave属性是HTML5中的新属性。
-
ondragleave属性语法
<element ondragleave="script"> -
ondragleave属性实例
尝试一下<div class="droptarget" ondragenter="dragEnter(event)" ondragleave="dragLeave(event)" ondrop="drop(event)" ondragover="allowDrop(event)"></div> -
ondragleave属性值
属性值 描述 script 要在ondragleave上运行的脚本 -
ondragleave属性技术细节
ondragleave属性支持的HTML标记：所有HTML元素
-