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