HTML ondrag 事件属性

作者: Arvin Chen 分类: html 来源: Break易站(www.breakyizhan.com)
  •   HTML 事件属性

    HTML ondrag 事件属性的定义和用法

    ondrag 事件在元素或者选取的文本被拖动时触发。

         提示:可以修改代码后运行

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

    注意: 为了让元素可拖动,需要使用 HTML5 draggable 属性。

    提示: 链接和图片默认是可拖动的,不需要 draggable 属性。

    在拖放的过程中会触发以下事件:

    在拖动目标上触发事件 (源元素):

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

    释放目标时触发的事件:

    • ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件
    • ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件
    • ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件
    • ondrop - 在一个拖动过程中,释放鼠标键时触发此事件

    注意: 在拖动元素时,每隔 350 毫秒会触发 ondrag 事件。

    HTML ondrag 事件属性:语法

    HTML 中:

         提示:可以修改代码后运行

    JavaScript 中:

         提示:可以修改代码后运行

    JavaScript 中, 使用 addEventListener() 方法:

         提示:可以修改代码后运行

    注意: Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。


    技术细节

    是否支持冒泡: Yes
    是否可以取消: Yes
    事件类型: DragEvent
    支持的 HTML 标签: All HTML elements
  •   HTML 事件属性
  •   本文标题:HTML ondrag 事件属性 - Break易站
    转载请保留页面地址:https://www.breakyizhan.com/html/9979.html
      微信返利机器人
      免费:淘宝,京东,拼多多优惠券
      腾讯,爱奇艺,优酷的VIP视频免费解析,免费看
      即刻扫描二维码,添加微信机器人!

    发表笔记

    电子邮件地址不会被公开。 必填项已用*标注