美文网首页
keydown,keypress,keyup介绍

keydown,keypress,keyup介绍

作者: 开车去环游世界 | 来源:发表于2016-12-15 17:02 被阅读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

相关文章

网友评论

      本文标题:keydown,keypress,keyup介绍

      本文链接:https://www.haomeiwen.com/subject/undgmttx.html