keydown,keypress,keyup介绍

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容