HTML ondragleave属性

  • ondragleave属性定义和用法

    当可拖动元素或选择文本离开放置目标时,将触发ondragleave属性。ondragenter和ondragleave事件可以帮助用户理解可拖动元素即将进入或离开放置目标。这可以通过,例如,当可拖动元素进入放置目标时设置背景颜色,以及当元素移出目标时移除颜色来完成。
    要了解Drag and Drop,请阅读HTML5 Drag and Drop(拖放)上的HTML教程。
    提示:默认情况下,链接和图像是可拖动的,不需要draggable属性。
    在拖放操作的不同阶段中,有许多事件属性可以使用,并且可以发生:
    在可拖动目标(源元素)上触发的事件:

    • ondragstart - 当用户开始拖动元素时触发
    • ondrag - 在拖动元素时触发
    • ondragend - 用户拖动元素后触发
    在放置目标上触发的事件:
    • ondragenter - 当拖动的元素进入放置目标时触发
    • ondragover - 当拖动的元素位于放置目标上时触发
    • ondragleave - 当拖动的元素离开放置目标时触发
    • ondrop - 当拖动的元素放在放置目标上时触发

  • ondragleave属性浏览器支持

    元素名 IE/Edge Chrome FireFox Safari Opera
    浏览器logo
    所有可见HTML元素 9.0(含)以上 4.0(含)以上 3.5(含)以上 6.0(含)以上 12.0(含)以上
  • ondragleave属性适用的元素

    元素名 属性
    所有可见HTML元素 ondragleave
  • ondragleave属性相关页面

    HTML参考:HTML事件参考