搜索历史

{{ i+1 }}{{ v }}

搜索推荐

{{ i+1 }}{{ v }}

"拖拽会用到哪些事件？"

转载翻译原创

问答题 · 前端 · javascript · @{ formatTime(detail.create_time) }

拖拽会用到哪些事件？

dragstart：拖拽开始时在被拖拽元素上触发此事件,监听器需要设置拖拽所需数据,从操作系统拖拽文件到浏览器时不触发此事件.
dragenter：拖拽鼠标进入元素时在该元素上触发,用于给拖放元素设置视觉反馈,如高亮
dragover：拖拽时鼠标在目标元素上移动时触发.监听器通过阻止浏览器默认行为设置元素为可拖放元素.
dragleave：拖拽时鼠标移出目标元素时在目标元素上触发.此时监听器可以取消掉前面设置的视觉效果.
drag：拖拽期间在被拖拽元素上连续触发
drop：鼠标在拖放目标上释放时,在拖放目标上触发.此时监听器需要收集数据并且执行所需操作.如果是从操作系统拖放文件到浏览器,需要取消浏览器默认行为.
dragend：鼠标在拖放目标上释放时,在拖拽元素上触发.将元素从浏览器拖放到操作系统时不会触发此事件.

PS：写作不易，如要转裁，请标明转载出处。

猜你想看: 浏览器线程有哪些？; 怎样添加、移除、移动、复制、创建和查找节点？; img标签alt和title属性的区别？; ==和===的区别是什么？; 什么是事件冒泡和事件捕获？; 如何避免回调地狱？; 从输入URL到页面加载完成发生了什么？; json和xml数据的区别?; JS实现一个无限累加的add函数?; xml、json、protobuf数据格式比较?

回顶部