keydown,keypress,keyup介绍

2016-12-15  本文已影响33人  开车去环游世界

1、keydown()
keydown事件会在键盘按下时触发。

2、keyup()

$('input').keyup(funciton(){
    alert('keyup function is running!!');
});

keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件。

3、keypress()
keypress事件和keydown是差不多的,只有一个例外,如果需要阻止按键的默认行为,你必须是用keypress事件。

$(selector).keypress(function(event){
var key_code = event.keyCode;
    if ( key_code === 13 ) {
        diudiu();
    }
});

event.keyCode能够得到当前按键的代码。

在jQuery中keydown,keypress,keyup事件是按一定的顺序执行的。

$('input').keyup(function(){
    console.log('keyup');
});
$('input').keydown(function(){
    console.log('keydown');
});
$('input').keypress(function(){
    console.log('keypress');
});

// 执行结果是:keydown ,keypress ,keyup
上一篇 下一篇

猜你喜欢

热点阅读