HTML5拖拽drag与拖放drop

  有兴趣想学习web前端的可以来web前端qun“189394454”可以免费获取2018最新web前端学习资料。

  当鼠标点中元素并且开始移动时,就会触发dragstart事件(类比mousedown)

  拖拽元素到目标上,就会触发dragenter事件(类比mouseover)

  若拖放元素到了目标元素中(在目标元素中松开鼠标),就会触发drop事件而不会触发dragleave事件

  只要我们在 目标元素的dragover事件中取消默认事件 就可以解决问题

  //保存在dataTransfer中的数据只能在drop事件处理函数中处理

  dropEffect属性值为字符串,表示被拖动元素可以执行哪一种放置行为

  有兴趣想学习web前端的可以来web前端qun“189394454”可以免费获取2018最新web前端学习资料。

相关阅读