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