前端頁面經常用到滑動事件,即判斷是動作左滑、右滑、上滑或者下滑,然後根據事件型別完成不同的功能,最常見的就是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);
}
使用方法:
newtouchtool(,
'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...