vue 鼠标按下并移动事件
//定义方法mouseDownAndMove (dom, callback) {// 添加鼠标按下监听dom.addEventListener("mousedown", function (even) {// 当鼠标按下时, 添加鼠标移动监听dom.addEventListener("mousemove", callback)})// 添加鼠标弹起监听 , 即鼠标不在按下dom.addEv.
·
//定义方法
mouseDownAndMove (dom, callback) {
// 添加鼠标按下监听
dom.addEventListener("mousedown", function (even) {
// 当鼠标按下时, 添加鼠标移动监听
dom.addEventListener("mousemove", callback)
})
// 添加鼠标弹起监听 , 即鼠标不在按下
dom.addEventListener("mouseup", function () {
// 此时移除 鼠标移动监听,移除指定 事件函数
dom.removeEventListener("mousemove", callback);
})
},
//使用
```javascript
const el = document.getElementById('scroll')
this.mouseDownAndMove(el, ()=>{
console.log('鼠标按下移动了');
})
更多推荐
已为社区贡献3条内容
所有评论(0)