html5拖放api

来源:互联网 发布:中国移动软件开发公司 编辑:程序博客网 时间:2024/06/04 19:25

要让元素可拖放,需要在元素上添加:draggable=”true”
浏览器默认一些元素是可拖放的,比如:img,被选中的文字

按照角色可分为拖动区和释放区
拖动区事件:

  • dragstart
  • drag(拖动时反复触发)
  • dragend

释放区事件:

  • 列表内容
  • dragenter
  • dragover
  • dragleave
  • drop(被拖动的元素在释放区放下时触发)
  • 其中dragenter和dragover默认拒绝接受被拖放的项目,首先要做的就是禁止默认行为

演示实例:演示实例

0 0
原创粉丝点击