首頁 >web前端 >js教程 >jquery中keydown事件如何間隔執行?

jquery中keydown事件如何間隔執行?

黄舟
黄舟原創
2017-06-27 13:47:402032瀏覽

如果用keydown事件,那麼按住不鬆的話,就會一直執行。現在我需要實現就算按住不鬆也只執行一次。

能不能設定keydown的執行間隔,按住某個鍵不送每400ms執行一次可以嗎?

$(document).keydown(function(e){   //按下去就执行,按照事件类型来进行分类

var  corelist = $('.corelist_item');
var  readfloor = $('.J_read_floor');
if(corelist.length || readfloor.length){
if(e.keyCode == 87){    // w键 上一篇/楼
listJump(false,10,corelist);
listJump(false,55,readfloor);
}

});

寫程式碼/也想彈鋼琴/前端只是一個 Title/收履歷

keydown和keyup是一對。
所以你監聽下keyup,就可以把按住不鬆時觸發的keydown排除掉了。
例如設定一個bool=true,keyup時bool=true;keydown時判斷bool是不是為true,true才會執行,然後bool=false。

如果頁面允許的話,
除了用參數判斷,還可以使用jQuery的one(),只執行一次

$(btn).one("keydown",function(){
//dosomething
});

使用jQuery的one(),在頁面中不刷新的情況下只有執行一次,而加入參數則不同,keydown時候按住不鬆開只有一次事件,但是鬆開再按下時還依然綁定了keydown事件。

來個偏方你試試…比較醜,也不精確,不過 JavaScript 本來也不可能在時間上達到多精確。

(function() {
	var lock;
	var interval = 400;
	$(document).keydown(function() {
		var date = new Date();
		var time = date.getTime();
		if (typeof lock == 'undefined') {
			lock = time % interval;
		}
		if (Math.abs(lock - time % interval) < 13) {
			console.log(date.getHours() + &#39;:&#39; + date.getMinutes() + &#39;:&#39; + date.getSeconds() + &#39;:&#39; + date.getMilliseconds());
			//your code goes here!
		}
	}).keyup(function() {
		lock = undefined;
	});})();

以上是jquery中keydown事件如何間隔執行?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn