js 鼠标按下并移动事件

water_Popcorn

已于 2022-07-28 16:00:27 修改

阅读量3.3k

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 vue.js

于 2022-07-28 15:40:00 首次发布

本文链接：https://blog.csdn.net/water_Popcorn/article/details/126036353

版权

JavaScript 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

html源码：

    <div
      onMouseDown={(e) =>fn1(e)}
      onMouseUp={(e)=>fn2(e)}
    >
      内容
    </div>

js源码

  fn1(event) => {
//鼠标按下事件
    console.log('onMouseDown', event);
//鼠标按下时移动鼠标事件（鼠标未抬起）
    document.onmousemove = function (e) {
      console.log('onmousemove', e);
    };
  };


 
fn2(event) => {
//清除鼠标移动事件
    document.onmousemove=null
  }

打印结果：