VUE拖拽进入子元素触发dragleave事件(通过防抖进行处理)
问题:今天做了个文件拖拽上传的页面,文件拖入的时候拖拽区域变色,离开时拖拽区颜色变回原色,本来用dragleave来做,但是拖拽过程中进入子元素会触发dragleave导致拖拽区颜色闪动。
解决方法:在拖拽进入时,dragover会一直触发,进入子元素和出来子元素也会一直触发,没有区别,于是这里用dragover+防抖实现了dragleave的功能,但是这里有加了微量的延时,可以酌情处理。
以下是实现代码:
mounted() {
var tranlatePath = document.
原创
2021-07-22 12:07:54 ·
3006 阅读 ·
1 评论