Rumah  >  Artikel  >  hujung hadapan web  >  jquery中keydown事件如何间隔执行?

jquery中keydown事件如何间隔执行?

黄舟
黄舟asal
2017-06-27 13:47:402012semak imbas

如果用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;
	});})();

Atas ialah kandungan terperinci jquery中keydown事件如何间隔执行?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn