1. 程式人生 > >JS獲取鼠標左(右)滑事件

JS獲取鼠標左(右)滑事件

col function 點擊 doc 一個 cti 輸出 解釋 log

鼠標左(右)滑也是網站開發中常見的效果之一,這裏對鼠標左(右)滑做出一些解釋。

首先要獲取需要左右滑事件的節點:

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