JavaScript HTML DOM ondragleave 事件
-
ondragleave 事件
当可拖动元素或文本选择留下有效的放置目标时,会发生ondragleave事件。ondragenter和ondragleave事件可以帮助用户理解可拖动元素即将进入或离开放置目标。这可以通过,例如,当可拖动元素进入放置目标时设置背景颜色,以及当元素移出放置目标时移除颜色来完成。拖放是HTML5中非常常见的功能。当你“抓住”一个物体并将其拖到另一个位置时。有关更多信息,请参阅我们关于HTML5拖放教程。注意:要使元素可拖动,请使用全局HTML5 draggable属性。提示:默认情况下,链接和图像是可拖动的,不需要draggable属性。在拖放操作的不同阶段中,有许多事件被使用,并且可能会发生,在可拖动目标(源元素)上触发的事件:- ondragstart - 当用户开始拖动元素时发生
- ondrag - 在拖动元素时发生
- ondragend - 在用户完成拖动元素时发生
在放置目标上触发的事件:- ondragenter - 当拖动的元素进入放置目标时发生
- ondragover - 当拖动的元素位于放置目标上时发生
- ondragleave - 当拖动的元素离开放置目标时发生
- ondrop - 在拖放目标上放置拖动的元素时发生
当可拖动元素移出放置目标时执行JavaScript: -
浏览器支持
项 IE/Edge Chrome FireFox Safari Opera 事件 ondragleave 9.0+4.0+3.5+6.0+12.0+ -
语法
在HTML中:<element ondragleave="myScript">在JavaScript中:object.ondragleave = function(){myScript};在JavaScript中,使用addEventListener()方法:object.addEventListener("dragleave", myScript);注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。 -
技术细节
项目 描述 冒泡: 有 取消: 有 事件类型: DragEvent 支持的HTML标记: 所有HTML标记 -
-
相关页面
JavaScript参考 : HTML ondragleave 属性