js文件拖拽操作

dragenter
当外界有一些拖拽的东西进入到元素区域时触发事件

ele.addEventListener('dragenter')

dragenter
拖拽离开事件

ele.addEventListener('dragleave')

dragover
如果想要捕获drop事件,就一定得在该事件中阻止默认事件
当拖拽一些东西放到元素区域时触发事件

ele.addEventListener('dragover',function(){
    e.preventDefault();
    e.stopProagation()
})

dragenter
当拖拽一些东西放到元素区域时触发事件

ele.addEventListener('drop',function(e){
     e.dataTransfer.getData('text/plain')  //获取文本内容
     e.dataTransfer.getData('text/uri-list')  //图片获取链接地址
})

你可能感兴趣的:(js文件拖拽操作)