HTML ondrag事件属性

• 

  ondrag属性定义和用法

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

  • ondragstart - 当用户开始拖动元素时触发
  • ondrag - 在拖动元素时触发
  • ondragend - 用户拖动元素后触发

  在放置目标上触发的事件：

  • ondragenter - 当拖动的元素进入放置目标时触发
  • ondragover - 当拖动的元素位于放置目标上时触发
  • ondragleave - 当拖动的元素离开放置目标时触发
  • ondrop - 当拖动的元素放在放置目标上时触发

  注意：拖动元素时，ondrag事件每350毫秒触发一次。

• 

  ondrag属性浏览器支持

  Internet Explorer	Chrome	FireFox	Safari	Opera
  9.0（含）以上	4.0（含）以上	3.5（含）以上	6.0（含）以上	12.0（含）以上

• 

  HTML4.01和HTML5之间的差异

  ondrag属性是HTML5中的新属性。

• 

  ondrag属性语法

  <element ondrag="script">

• 

  ondrag属性实例

  <div class="droptarget" ondrop="drop(event)" ondragover="allowDrop(event)">
    <p ondragstart="dragStart(event)" ondrag="dragging(event)" draggable="true" id="dragtarget">拖动我！</p>
  </div>

  尝试一下
• 

  ondrag属性值

  属性值	描述
  script	要在ondrag上运行的脚本

• 

  ondrag属性技术细节

  ondrag属性支持的HTML标记：所有HTML元素

• 

  ondragend属性相关页面

  HTML教程：HTML脚本

  HTML参考：HTMLdraggable属性

  HTML教程：HTML拖放