jyc226

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

 

}

 

分类:

技术点:

相关文章:

  • 2022-02-04
  • 2021-10-23
  • 2022-01-27
  • 2021-12-27
  • 2022-12-23
  • 2021-11-08
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-12-27
  • 2022-12-23
  • 2021-09-08
  • 2022-12-23
  • 2021-12-03
  • 2022-12-23
相关资源
相似解决方案