vue 鼠标按下并移动事件

	//定义方法
    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('鼠标按下移动了');
    })

你可能感兴趣的:(javascript,前端,jquery)