HTML ondragend事件属性

  • ondragend属性定义和用法

    当用户完成拖动元素或文本选择时,将触发ondragend属性。
    拖放是HTML5中非常常见的功能。当你“抓住”一个物体并将其拖到另一个位置时。有关更多信息,请参阅我们关于HTML5拖放的HTML教程
    注意:要使元素可拖动,请使用全局HTML5 draggable属性。
    提示:默认情况下,链接和图像是可拖动的,不需要draggable属性。
    在拖放操作的不同阶段中,有许多事件属性可以使用,并且可以发生:
    在可拖动目标(源元素)上触发的事件:

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

  • ondragend属性浏览器支持

    Internet Explorer Chrome FireFox Safari Opera
    9.0(含)以上 4.0(含)以上 3.5(含)以上 6.0(含)以上 12.0(含)以上
  • HTML4.01和HTML5之间的差异

    ondragend属性是HTML5中的新属性。

  • ondragend属性语法

    <element ondragend="script">

  • ondragend属性实例

    <div class="droptarget" ondrop="drop(event)" ondragover="allowDrop(event)">
      <p ondragstart="dragStart(event)" ondragend="dragEnd(event)" draggable="true" id="dragtarget">Drag me!</p>
    </div>
    尝试一下
  • ondragend属性值

    属性值 描述
    script 要在ondragend上运行的脚本
  • ondragend属性技术细节

    ondragend属性支持的HTML标记:所有HTML元素

  • ondragend属性相关页面

    HTML教程:HTML脚本

    HTML参考:HTMLdraggable属性

    HTML教程:HTML拖放