码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-07-08 20:19:36      阅读:320      评论:0      收藏:0      [点我收藏+]

标签:网站开发   效果   color   doc   传参   screen   function   style   左右   

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

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

  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获取鼠标左(右)滑事件

标签:网站开发   效果   color   doc   传参   screen   function   style   左右   

原文地址:http://www.cnblogs.com/jyc226/p/7137827.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!