keyCode与charCode\mouseover与mouseenter

来源:互联网 发布:大酒神淘宝店地址 编辑:程序博客网 时间:2024/05/22 06:11

keyCode和charCode

键盘事件拥有两个属性,keyCode和charCode。在DOM标准下,keyCode表示按下按键的数字代码,charCode表示按下按键的Unicode字符。

按下“a”键(小写字母)时:
谷歌
keypress: keyCode is 97 charCode is 97
keydown:keyCode is 65 charCode is 0
keyup: keyCode is 65 charCode is 0
IE
keypress: keyCode is 97 charCode is undefined
keydown:keyCode is 65 charCode is undefined
keyup: keyCode is 65 charCode is undefined
火狐
keypress: keyCode is 0 charCode is 97
keydown:keyCode is 65 charCode is 0
keyup: keyCode is 65 charCode is 0

:这是指键盘会输入数值的情况下,如果按下某键(例:shift)并没输入任何的字符,不会得到任何的charCode值,而且也不会触发keypress事件。

按下shift键时:
谷歌
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
火狐
keydown:keyCode is 16 charCode is 0
keyup: keyCode is 16 charCode is 0

看到这,是不是有点晕了呢?哈哈,那就记住下面这句话:
获取用户按下的按键:keydown获取事件对象,并获取keyCode(所有浏览器)值。
获取用户输入的字符:keypress获取事件对象,并获取charCode(火狐、safari)或是keyCode(其他浏览器)值。

mouseover与mouseenter

mouseenter
只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用。同样,只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。

mouseover
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。该事件大多数时候会与 mouseout 事件一起使用。同样,不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。

原创粉丝点击