允许在1秒后按键
允许在1秒后按键
提问于 2013-03-26 19:51:33
我在按键时设置div动画，但是如果我按向上箭头2x，那么我的动画就会中断，有没有一种方法可以让我只在1秒后按键？
$(document).keyup(function(e){
if (e.keyCode == 38) {
$('.selected').animate({'top':'300px'},500);
$('.section.selected').removeClass('selected')
.next('.section').animate({'top':'0'},500)
.addClass('selected');
return false;
}
e.preventDefault();
});回答 4
Stack Overflow用户
回答已采纳
发布于 2013-03-26 19:56:07
要尽可能从字面上实现您的需求：
var allowKeyPress = true;
$(document).keyup(function(e){
if (e.keyCode == 38) {
if (!allowKeyPress)
return false;
allowKeyPress = false;
setTimeout(function() { allowKeyPress = true; }, 1000);
$('.selected').animate({'top':'300px'},500);
$('.section.selected').removeClass('selected').next('.section').animate({'top':'0'},500).addClass('selected');
return false;
}
e.preventDefault();
});也就是说，使用一个标志，allowKeyPress - on keyup测试该标志是否为false，如果是，立即停止。否则，继续，将标志设置为false，并使用setTimeout()安排一个函数在一秒后运行，将标志设置回true，当然还要运行您的动画。
Stack Overflow用户
发布于 2013-03-26 19:59:52
在触发进一步的动画之前，请检查是否正在为图元设置动画。：
$(document).keyup(function(e){
if (e.keyCode == 38) {
if(!$('.selected').is(':animated')){
$('.selected').animate({'top':'300px'},500);
$('.section.selected').removeClass('selected').next('.section').animate({'top':'0'},500).addClass('selected');
return false;
}
}
e.preventDefault();
});Stack Overflow用户
发布于 2013-03-26 19:58:45
试试这个：
$(document).keyup(function(e){
if (e.keyCode == 38 && !$('.selected').is(':animated')) {
$('.selected').animate({'top':'300px'},500);
$('.section .selected').removeClass('selected')
.next('.section')
.animate({'top':'0px','position':'relative'},500)
.addClass('selected');
return false;
}
e.preventDefault();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15636418
复制相关文章
相似问题
腾讯云开发者
