2019-03-01 记录HTML拖放事件drag火狐不兼容问题

需要两步:

1.drop事件阻止默认事件

drop (event) {

   event.preventDefault ()

}


2.在@dragstart事件中添加  e.dataTransfer.setData('imgInfo', item);

drag: function (e,name,type) {

  let userAgent = navigator.userAgent

  let ifFirefox = userAgent.indexOf('Firefox')

  if (ifFirefox) {

    e.dataTransfer.setData('imgInfo',name) //imgInfo名字可以随便定义

  }

  this.dragTreeName = name

  this.dragTreeId = type

},

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容