外掛程式 滑鼠或手指滑動事件

2022-07-28 01:48:11 字數 913 閱讀 9923

前端頁面經常用到滑動事件,即判斷是動作左滑、右滑、上滑或者下滑,然後根據事件型別完成不同的功能,最常見的就是h5的翻頁,如果需要的事件很簡單,就是判斷一下滑動方向然後執行**函式,那麼如果引用較大的外掛程式將會十分影響頁面的載入速度。

下面就分享乙個簡單的滑動事件的外掛程式,輕量好用。

看效果頁面請點這裡

**:直接貼**

var touchtool = function

(param)

this.touchmove = function

(e)

this.touchend = function

(e)

};if((self.speedx > 1 || (self.speedx > 0.5 && math.abs(self.mx) > 250)) && self.mx < 0) };}

if(self.direction == 'vertical')

};if((self.speedy > 1 || (self.speedy > 0.5 && math.abs(self.my) > 300)) && self.my < 0) }}

}

this.obj.addeventlistener(this.startevtname, this

.touchstart);

}

使用方法:

new

touchtool(,

'slidedown': function

() ,

'slideleft': function

() ,

'slideright': function

() })

在配置引數裡填入要執行的**函式,就可以使用了,pc端和移動端都適用,很簡單有木有

(完)

模擬鍵盤滑鼠事件 自己做外掛程式

兩種方法 1.sendmessage or postmessage 2.keybd event,mouse event 前者更強大,指定hwnd後可以後台傳送,而後者只能夠傳送前台資訊.也就是必須視窗最前 簡單的舉例 方法2setcursorpos x,y mouse event mouseeven...

滑鼠的按下或鬆開事件

一 介紹 滑鼠的按下或鬆開事件分別是onmousedown和onmouseup事件。其中,onmousedown事件在滑鼠按下時觸發事件處理程式,onmouseup事件是在滑鼠鬆開時觸發事件處理程式。在用滑鼠單擊物件時,可以用這兩個事件實現動態效果。二 應用 用事件製作超連結文字 用onmoused...

滑鼠的按下或鬆開事件

一 介紹 滑鼠的按下或鬆開事件分別是onmousedown和onmouseup事件。其中,onmousedown事件在滑鼠按下時觸發事件處理程式,onmouseup事件是在滑鼠鬆開時觸發事件處理程式。在用滑鼠單擊物件時,可以用這兩個事件實現動態效果。二 應用 用事件製作超連結文字 用onmoused...