charCode与keyCode的区别

转自：https://www.cnblogs.com/gongshunkai/p/5861471.html

charCode与keyCode的区别

在标准浏览器下获取键盘按键我们可以使用e.which，但是非标准下没有这个属性，所以大部分情况下用keyCode，但是这是存在兼容性问题的。我们来看下他两的区别：

onkeydown: e.keyCode 有值

onkeyup: e.keyCode 有值

onkeypress: e.keyCode 为0

onkeydown: e.charCode 为0

onkeyup: e.charCode 为0

onkeypress: e.charCode 有值

结论：charCode 返回onkeypress事件触发键值的字母代码。

keyCode 返回 onkeydown 或 onkeyup 事件的键的代码。

做一下兼容处理：

function myFunction(e) {e || (e = window.event);if(e.which == null){e.which = e.charCode != null ? e.charCode : e.keyCode;}
}

转载于:https://www.cnblogs.com/sharpest/p/10161355.html

charCode与keyCode的区别相关推荐

DOM-21【键盘事件、贪吃蛇运动原理】
一.键盘事件 (1)keydown & keyup 定义: 按下按键和抬起按键执行顺序: keydown > keypress > keyup keydown和keypress的 ...
react中 onkeyPress键盘事件keyCode无效的问题
我们都知道键盘事件有 1.onkeydown, 2.onkeyup, 3.onkeypress 三种键盘事件对应的按下键盘上的键的时候,有keyCode, charCode两个属性. 在js中,ke ...
2017年6月16号课堂笔记
2017年6月16号星期五空气质量:中度污染~轻度污染内容:jQuery:remove,bind,attr,on和live,同辈和父辈节点的操作, keyup/keypress/keydown, ...
mass Framework event模块 v4
event.js //========================================== // 事件模块(包括伪事件对象,事件绑定与事件代理) //================= ...
Javascript 常用技巧55例
1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border οncοntextmenu ...
转载：JavaScript 的55个经典技巧
1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border οncοntextmenu ...
Javascript中最常用的61段经典代码
1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border οncοntextmenu ...
55种网页常用小技巧
1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border οncοntextmenu ...
55种网页常用小技巧(javascript) （转）
55种网页常用小技巧(javascript) 1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <tab ...

charCode与keyCode的区别

charCode与keyCode的区别相关推荐

最新文章

热门文章