技术栈
拖拽上传
Ying(英子)
8 个月前
前端
·
javascript
·
vue.js
·
文件上传
·
拖拽上传
·
drag事件
·
拖拽事件
Vue:纯前端实现文件拖拽上传
先看一下拖拽相关的事件:dragover、dragenter drop和dragleave 。dragover事件:当被拖动的元素在一个可放置目标上方时,该事件会被触发。 通常,我们会使用event.preventDefault()方法来取消浏览器默认的拖放行为,以便可以自定义拖拽行为。这个事件在拖拽过程中会持续触发,可以用于实现一些特殊的样式效果,如显示拖拽目标的悬浮效果。