模仿百度网盘的全屏拖拽上传文件dragenter拖入和dragleave拖出和enentDrop拖拽松开鼠标问题解决
1.》就是在用户把文件拖住到我们的编辑器时,编辑器样式上需要做出反应,让用户知道拖拽已经进入有效范围,不就是监听一个dragenter和dragleave事件的问题么
1.1》结果写完发现拖拽的时候的改变一直闪动,触发的dragenter事件中总是夹着dragleave
1.2》原因是,鼠标进入事件监听的子元素的时候,会先触发dragleave事件
1.3》原理:当鼠标进入父元素时,添加类名,在此类名下重写它的所有子元素样式,全部添加穿透属性
当鼠标离开时,移除类名。
我们要想实现一个简单的拖拽文件上传,只
原创
2021-12-16 16:12:49 ·
1099 阅读 ·
0 评论