键盘事件拥有两个属性，keyCode和CharCode，他们之间有一些不一样之处。keyCode表示用户按下键的实际的编码，而charCode是指用户按下字符的编码。
IE下
keyCode：对于keypress事件，表示按下按键的Unicode字符；对于keydown/keyup 事件，表示按下按键的数字代码。无charCode属性。
DOM标准下
keyCode：表示按下按键的数字代码。
charCode：按下按键的Unicode字符。
 
当我按下“a”键（注意是小写的字母）时，
在火狐中会得到
keydown：keyCode is 65  charCode is 0
keypress：keyCode is 0   charCode is 97
keyup：  keyCode is 65  charCode is 0
在谷歌中会得到
keydown：keyCode is 65  charCode is 0
keypress：keyCode is 97  charCode is 97
keyup：  keyCode is 65  charCode is 0
在IE中会得到
keydown：keyCode is 65  charCode is undefined
keypress：keyCode is 97  charCode is undefined
keyup：  keyCode is 65  charCode is undefined
而当我按下shift键时，
在火狐中会得到
keydown：keyCode is 16  charCode is 0
keyup：  keyCode is 16   charCode is 0
不会得到任何的charCode值，因为按shift并没输入任何的字符，而且也不会触发keypress事件。
在谷歌中会得到
keydown：keyCode is 16  charCode is 0
keyup：  keyCode is 16   charCode is 0
在IE中会得到
keydown：keyCode is 16  charCode is undefined
keyup：  keyCode is 16   charCode is undefined
小结：
1.在keydown事件里面，事件包含了keyCode – 用户按下的按键的物理编码。
2.在keypress里，keyCode包含了字符编码，即表示字符的ASCII码。这样的形式适用于所有的浏览器 – 除了火狐，它在keypress事件中的keyCode返回值为0。
如果你想获取用户实际敲击的按钮，用keydown事件来获取事件对象，并获取keyCode值，这在所有浏览器都行的通。另一方面，如果你想获取用户输入的字符，那么就使用keypress来获取，然后获取charCode（火狐和safari）或是keyCode（其他浏览器）。
 
 
<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.softwhy.com/" />

<title>keyCode属性-蚂蚁部落</title>

<script type="text/javascript">

/*function keyEvent(ev){

  var ev=ev||window.event;

    alert(ev.keyCode);

} 

document.onkeydown=keyEvent; */

function keyEvent(ev){

  var ev=ev||window.event;

    alert(ev.charCode);

}

document.onkeypress=keyEvent;

//火狐下onkeypress a-------97 ,onkeydown a --------0

//火狐下onkeypress b-------98 ,onkeydown b --------0

  var getCharCode = function(ev){

    var ev=ev||window.event;

        if (typeof ev.charCode == "number"){

            alert(ev.charCode);

            return ev.charCode;

        } else {

            alert(ev.keyCode);

            return ev.keyCode;

        }

    }

document.onkeydown=getCharCode;

//a--------65

//b--------66

</script>

</head>

<body>

</body>

</html>

由于浏览器差异键值输出差异，给出个兼容获取键值的方法

var getCharCode = function(ev){

    var ev=ev||window.event;

        if (typeof ev.charCode == "number"){

            //alert(ev.charCode);

            return ev.charCode;

        } else {

            //alert(ev.keyCode);

            return ev.keyCode;

        }

    }
 

keyCode 与charCode的更多相关文章

  1. js获取键盘按下的键值event.keyCode,event.charCode,event.which的兼容性

    js获取键盘按下的键值有event.keyCode,event.charCode和event.which 其中: 谷歌浏览器对event.keyCode,event.charCode和event.wh ...

  2. java Script 中的keyCode 和charCode

    其实很长一段时间,我都没有完全弄明白keyCode 和charCode ,自己也认真看过,但是就是理解不透彻,为了防止以后再出现混乱,写篇博客记录一下吧! 首先  在不同的浏览器中,他们有不同的说法哦 ...

  3. javascript中keyCode与charCode属性

    好记性不如烂笔头啊,最近总是忘记这两个属性的区别.想了想,从别人博客上转一遍过来吧,时常看下 键盘事件拥有两个属性,keyCode和CharCode,他们之间有一些不一样之处.keyCode表示用户按 ...

  4. JS键盘事件对象之keyCode、charCode、which属性对比

    先说一些有关键盘事件的事项:用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown. onkeypress和onkeyup这 ...

  5. keypress和keydown事件及keyCode和keyChar

    二:keypress和keydown事件: 现只在IE10.chrome(版本 32.0.1700.107 m).firefox(25.0.1)中测试了.   IE8 chrome firefox $ ...

  6. js中获取event keycode的兼容办法

    window.onkeypress=function(e){ var event = e || window.event, //在ff下event会做为参数传进来,ie下会在window下 keyCo ...

  7. js/jquery键盘事件及keycode大全

    js/jquery的键盘事件分为keypress.keydown和keyup事件 一.键盘事件 1.keydown()事件当按钮被按下时,发生 keydown 事件. 2.keypress()事件ke ...

  8. python之前端

    一.Html总结 1.Html简介 HTML 是一种标记语言 忽略大小写,语法宽松 使用 HTML 标记和元素,可以: 控制页面和内容的外观 发布联机文档 使用 HTML 文档中插入的链接检索联机信息 ...

  9. JS事件模型小结

    三种事件模型:原始事件模型(DOM0),DOM2事件模型,IE事件模型: 不同点: 事件程序的注册(给HTML元素所对应的JS对象绑定事件) 事件传播的过程 事件模型的注册: 一.原始事件模型(没有兼 ...

随机推荐

  1. URAL 1066 Garland 二分

    二分H2的位置,判断条件为是否有Hi < 0 #include <cstdio> #include <cstring> #include <cstdlib> ...

  2. eclipse中maven项目部署到tomcat

    其实maven项目部署到tomcat的方式很多,我从一开始的打war包到tomcat/webapps目录,到使用tomcat-maven插件,到直接使用servers部署,一路来走过很多弯路. 下面就 ...

  3. 寻找最小的k个数

    1. 能想到的最直接的办法,就是对数组进行排序,最好的排序算法的时间复杂性为O(n*logn),这一个方法请参照各种排序算法. 2. 另外申请一个k空间数组,依次更改里面的最大值,每做一次最多要扫描一 ...

  4. hibernate的三种状态(儿)

    第五讲:hibernate的三种状态 瞬时:bean对象与session,与数据库无关.在session对象的save方法保存之前. 持久状态(托管):bean对象与session有关,数据库中有对应 ...

  5. Photoshop图层混合模式计算公式大全（转）

    混合模式可以将两个图层的色彩值紧密结合在一起,从而创造出大量的效果.在这些效果的背后实际是一些简单的数学公式在起作用.下面我将介绍photoshop cs2中所有混合模式的数学计算公式.另外还介绍了不 ...

  6. bzoj4127

    肯定是树链剖分+线段树,关键是怎么维护 绝对值和这个东西显然不能简单的合并标记 因为对于负数,加之后绝对值和是变小的 那我们考虑对负数和非负数数分别维护 下面的问题就是经过操作如果负数变成了正数怎么办 ...

  7. 【笨嘴拙舌WINDOWS】实践检验之屏幕取色

    实践是检验真理的唯一标准 要取得屏幕的颜色,首先需要创建一个屏幕DC,然后使用该DC,调用GetPixel就可以了 "Note:GetPixel传入的DC应该是屏幕的DC,而不是桌面的DC, ...

  8. 打印机C++

    m_prnDC.SetMapMode(MM_LOMETRIC);  m_iPrnX = m_prnDC.GetDeviceCaps(HORZRES);m_iPrnY = m_prnDC.GetDevi ...

  9. python练习程序（c100经典例12）

    题目: 判断101-200之间有多少个素数,并输出所有素数. for i in range(101,201): flag=0; for j in range(2,int(i**(1.0/2))): i ...

  10. over-fitting、under-fitting 与 regularization

    机器学习中一个重要的话题便是模型的泛化能力,泛化能力强的模型才是好模型,对于训练好的模型,若在训练集表现差,不必说在测试集表现同样会很差,这可能是欠拟合导致:若模型在训练集表现非常好,却在测试集上差强 ...