读书人

读jq之7(判断点击了鼠标哪个键)

发布时间: 2012-11-03 10:57:42 作者: rapoo

读jq之七(判断点击了鼠标哪个键)

jQuery丢弃了标准的 button 属性采用which,这有点让人费解。

which 是Firefox引入的,IE不支持。which的本意是获取键盘的键值(keyCode)。

jQuery中的which即可以是键盘的键值,也可以是鼠标的键值。
即当判断用户按下键盘的哪个键时可以使用which,当判断用户按下鼠标的哪个键时也可以用which。它一举两用了。

见jQuery1.4.4源码

?

使用 click 事件,响应函数中直接alert出e.which。我们分别点击左,中,右键测试。

?

测试结果IE6/7/8IE9betaFirefoxChromeSafariOpera点击左键01111(不停弹出alert)1点击中键不响应12不响应2(不停弹出alert)不响应点击右键仅弹出右键菜单仅弹出右键菜单仅弹出右键菜单仅弹出右键菜单仅弹出右键菜单仅弹出右键菜单

?

?

可以看到使用 click 事件并不能按照jQuery设想的那样左,中,右键对应的1,2,3值。各浏览器下均不一致,且右键根本获取不到,Safari中还不停的弹出alert。

?

因此,应该使用 mousedown / mouseup 事件则达到jQuery的设想。jQuery的注释误导了人。

?

此外即使使用 mousedown / mouseup 事件,Opera中也无法获取中键的值。Opera的恶心做法令jQuery也无能为力。

?

这一点见 各浏览器中鼠标按键值的差异?。

?

?

?

?

1 楼 fm_974 2010-12-09 器的差真人奈。。。

读书人网 >Web前端

热点推荐