JS中的拖动之—— ondragstart,ondrag,ondragend , ondragenter , ondragover , ondragleave, ondrop 的区别...

本文介绍了HTML5中用于拖放功能的事件,包括ondragstart、ondrag、ondragend、ondragenter、ondragover、ondragleave和ondrop。通过设置元素的draggable属性,可以实现元素的拖放行为,这些事件在拖动过程中不同阶段被触发,详细解析了每个事件的作用。
摘要由CSDN通过智能技术生成

关于 HTML5 中的拖动功能。 更多信息可以查看我们 HTML 教程中的 HTML5 拖放。以下 我只做一下简介。

 

1 如果你想让元素变得可拖动,首先 你得对元素设置 draggable 属性 此属性可以让元素变得可以拖动,当然 链接和 图片是默认允许拖动的 可以不对其设置 draggable 属性。

2 元素在拖动下  会触发以下事件

   2.1 在被拖动目标上触发的事件

    ondragstart——即用户开始拖动元素时触发

    ondrag -——元素正在拖动时触发

    ondragend - 用户完成元素拖动后触发

   2.2 在其他对象容器中触发的事件

    ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件

    ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件

    ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件

    ondrop - 在一个拖动过程中,释放鼠标键时触发此事件

 

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值