首页 > 代码库 > JS获取鼠标左(右)滑事件

JS获取鼠标左(右)滑事件

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

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

  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("右滑啊")}
}

 

}

 

JS获取鼠标左(右)滑事件