jQuery键盘事件keydown与keypress的区别详解
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQuery键盘事件keydown与keypress的区别详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2077字，纯文字阅读大概需要3分钟。
内容图文
按下键盘时会触发键盘事件，顺序为keydown -> keypress ->keyup。1、keydown、keypress事件触发在文字还没敲进文本框，这时如果在keydown、keypress事件中输出文本框中的文本，得到的是触发键盘事件前的文本，而keyup事件触发时整个键盘事件的操作已经完成，获得的是触发键盘事件后的文本
<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>在文本框中敲入数字1，输出结果为：
onkeydown default onkeypress default onkeyup default1
2、keypress事件与keydown和keyup的主要区别
1）对中文输入法支持不好，无法响应中文输入
2）无法响应系统功能键（如delete，backspace）
3）由于前面两个限制，keyCode与keydown和keyup不是很一直
3、在keyup事件中无法阻止浏览器默认事件，因为在keypress时，浏览器默认行为已经完成，即将文字输入文本框（尽管这时还没显示），这个时候不管是preventDefault还是return false，都不能阻止在文本框中输入文字的行为，如要阻止在文本框中输入文字，必须在keydown或keypress时阻止
<input id="input" value="default" type="text" />
<script>var input = document.getElementById('input');
input.onkeydown = function() { //return false;
console.log('onkeydown ' + this.value);
}
input.onkeypress = function() { //return false;
console.log('onkeypress ' + this.value);
}
input.onkeyup = function() { return false;
console.log('onkeyup ' + this.value);
}</script>结果为keydown、keypress事件中return false文本框无法输入文字，在keyup事件中return false文本框可以输入文字
4、textInput事件
文本框的键盘响应事件把textInpput也加进来，触发的顺序为：keydown -> keypress ->textInput -> keyup
textInput事件是DOM3后支持的，主要用来替换keypress，与keypress的主要差别在于添加了对中文输入法的支持，还有一点就是textInput只在可编辑文本区才能触发（如input、textarea），而keypress是任何能获得焦点的控件的能触发（如button），但是textInput事件的支持还不是很好，目前只有safari、chrome支持。
以上就是jQuery键盘事件keydown与keypress的区别详解的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的jQuery键盘事件keydown与keypress的区别详解全部内容，希望文章能够帮你解决jQuery键盘事件keydown与keypress的区别详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。