Javascript onkeydown onkeypress onkeyup 区别

onkeydown onkeypress onkeyup 区别

<input id="input" value="default" type="text" />
<script>
var input = document.getElementById('input');
input.onkeydown = function() {
    console.log('onkeydown ' + this.value);
}
input.onkeypress = function() {
    console.log('onkeypress ' + this.value);
}
input.onkeyup = function() {
    console.log('onkeyup ' + this.value);
}
</script>

现在运行这个例子，在 input 中输入 s 键，日志打印

onkeydown
onkeypress
onkeyup s

与此可见，他们的运行顺序为 onkeydown > onkeypress > onkeyup，而 onkeyup 是在内容输入完毕后才会触发，这样如果需要拦截输入操作，就要在 onkeydown, onkeypress 时进行判断。

onkeypress 跟其他两者的区别在于

• 不识别中文输入法
• 无法响应功能键（如，delete，backspace，shift等）

最近更新

Alfred Workflow 命令行帮助工具

最近热读

Go 判断数组中是否包含某个 item

Vim 高级功能 vimgrep 全局搜索文件

办理北京工作居住证的一些细节

Go 语法错误：Non-declaration statement outside function body

Mac 电脑查看字体文件位置

扫码关注公众号，或搜索公众号“温欣爸比” 及时获取我的最新文章

赏

谢谢你请我喝咖啡

支付宝

微信