JS获取鼠标左（右）滑事件

Posted 2020-09-27 老夫看你根骨奇特

鼠标左（右）滑也是网站开发中常见的效果之一，这里对鼠标左（右）滑做出一些解释。

首先要获取需要左右滑事件的节点：

  eg:

       var div=document.getElementById("div");

 然后获取点击事件onmousedown并传参：

  eg:

      div.onmousedown=function(e){

}

  在函数里写一个闭包来判断左右滑,这里需要获取鼠标的坐标，之后进行判断输出结果

 eg:    

      div.onmousedown=function(e){  

      var a1=e.screenX;
       a.onmouseup=function (e){
      var a2=e.screenX;

      if(a1>a2){console.log("左滑啊")}
      if(a1<a2){console.log("右滑啊")}
}

 

}