keyCode与charCode\mouseover与mouseenter

本文详细解析了键盘事件中的keyCode与charCode属性的区别及应用,以及不同浏览器下的表现。同时对比了鼠标事件中mouseenter与mouseover的区别,帮助读者更好地理解和使用这些事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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 事件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值