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

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

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

  eg:

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

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

  eg:

      div.onmousedown=function(e){

}

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

 eg:    

      div.onmousedown=function(e){  

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

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

 

}

 

posted on 2017-07-08 19:58  Just丶随心  阅读(6238)  评论(0编辑  收藏  举报

导航