HTML OnDragEnter 事件属性 | 拖动元素至有效目标时运行脚本

HTML事件属性


定义与用法

ondragenter 属性在拖动的元素或选择的文本进入到有效的放置目标时触发。

ondragenter 和 ondragleave 属性可以帮助用户更好的理解可拖动元素进入和离开放置区域的过程。 你可以在可拖动元素进入和离开放置区域时设置不同的背景颜色。

拖放是 HTML5 中非常常见的功能。

提示:

  • 为了让元素可拖动,需要使用 HTML5 draggable 属性。
  • 链接和图片默认是可拖动的,不需要 draggable 属性。

语法格式

< element ondragenter=” Script”>


示例代码

在拖动的元素进入到放置目标时执行脚本 :

<div ondragenter="myFunction(event)"></div>

亲自试试


浏览器支持

事件属性Google ChromeInternet ExplorerFirefoxSafariOpera
ondragenter4.09.03.56.012.0

表格中的数字表示支持该属性的第一个浏览器的版本号。


属性值

描述
script规定该ondragenter属性触发时执行的脚本。

HTML事件属性


相关