HTML ondragover 事件属性
定义和用法
当可拖动元素或文本选择被拖动到有效的放置目标上时,ondragover 属性会触发。
默认情况下,数据/元素不能放置在其他元素中。为了允许放置,我们必须阻止元素的默认处理。这是通过对 ondragover 属性调用 event.preventDefault() 方法来完成的。
拖放是 HTML5 中非常常见的特性。它是当你“抓取”一个对象并将其拖动到另一个位置时。有关更多信息,请参阅我们的 HTML 教程,了解 HTML5 拖放。
注意: 要使元素可拖动,请使用全局 HTML5 draggable 属性。
提示: 链接和图像默认情况下是可拖动的,不需要 draggable 属性。
在拖放操作的不同阶段中,使用了许多事件属性,并且可能会发生这些事件属性
- 在可拖动目标上触发的事件(源元素):
- ondragstart - 当用户开始拖动元素时触发
- ondrag - 当元素被拖动时触发
- ondragend - 当用户完成拖动元素时触发
- 在放置目标上触发的事件
- ondragenter - 当拖动的元素进入放置目标时触发
- ondragover - 当拖动的元素在放置目标上时触发
- ondragleave - 当拖动的元素离开放置目标时触发
- ondrop - 当拖动的元素被放置到放置目标上时触发
注意: 拖动元素时,ondragover 事件每 350 毫秒触发一次。
浏览器支持
表中的数字指定完全支持事件属性的第一个浏览器版本。
事件属性 | |||||
---|---|---|---|---|---|
ondragover | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
语法
<element ondragover="script">
属性值
值 | 描述 |
---|---|
script | 在 ondragover 上运行的脚本 |
技术细节
支持的 HTML 标签 | 所有 HTML 元素 |
---|
相关页面
HTML 教程:HTML5 拖放
HTML 参考:HTML draggable 属性
HTML DOM 参考:ondragover 事件
❮ HTML 事件属性