我对自己keypress
和keydown
. 我倾向于使用keypress
它,因为它记录了一个事件,即使键被重复,即键被长按。但问题是keypress
只在 Firefox 中记录特殊键,例如箭头键。如果我想跨浏览器这样做,那么我必须使用keydown
,但是长按将被记录为单个事件。
任何帮助表示赞赏。
我对自己keypress
和keydown
. 我倾向于使用keypress
它,因为它记录了一个事件,即使键被重复,即键被长按。但问题是keypress
只在 Firefox 中记录特殊键,例如箭头键。如果我想跨浏览器这样做,那么我必须使用keydown
,但是长按将被记录为单个事件。
任何帮助表示赞赏。
var pressed = null;
$(element).on('keydown', function(event) {
pressed = +new Date();
// do whatever else you need upon key down
});
$(element).on('keyup', function(event) {
var duration = +new Date() - pressed;
pressed = null;
// do whatever you need to do based on the duration of the press
});
我把它作为一个练习留给你,以解决对多个同时按下的键的支持。
您可以使用两个事件,如下所示:
var timer=false,
pressedTime = 1000; //one second
$('input').on({
keydown: function(e) {
var charCode = (e.which) ? e.which : event.keyCode, keyP;
if (charCode===37) keyP = 'left';
if (charCode===38) keyP = 'up';
if (charCode===39) keyP = 'right';
if (charCode===40) keyP = 'down';
if (!timer) timer = setTimeout(function() {
clearTimeout(timer);
timer=false;
alert(keyP+' arrow key held down for 1 second');
}, pressedTime);
},
keyup: function() {
clearTimeout(timer);
timer=false;
}
});
有一个名为jQuery Responsiveness的插件可能有助于实现这一点。