`
suoyihen
  • 浏览: 1360707 次
文章分类
社区版块
存档分类
最新评论

JavaScript FAQ(十六)——鼠标事件(三)

 
阅读更多

十二、鼠标事件

5. Ctrl、Alt、Shift键(Ctrl, Alt, Shift Keys

Q:我如何检测和按下Ctrl、Alt和Shift键一起的鼠标事件?

A:在当今的浏览器中,脚本可以检测鼠标事件发生时,用户是否按下了Ctrl、Alt或者Shift键中任何一个。在下面的例子中,由MouseDownMouseUp事件完成演示。而至于其它鼠标事件,类似的方法可能达到效果,也可能达不到效果,这依赖于浏览器。

要实现Ctrl/Alt/Shift检测,你可以使用属性event.ctrlKeyevent.altKeyevent.shiftKey和不赞成使用的Navigator特有属性event.modifiers。在该页任何地方点击鼠标,同时按下Ctrl、Alt或者Shift,下面的脚本(在本页的<HEAD>区域)就会检测到这个组合(译者注:示例在本页上可能无法正常运行)。每次点击鼠标,你就会在浏览器的状态栏上看到event.ctrlKeyevent.altKeyevent.shiftKey或者event.modifiers


event.ctrlKeyevent.altKeyevent.shiftKey的意义是一目了然的。如果相应的键被按下它们的值为true,反之为false。Netscape 4属性event.modifiers稍微有点技巧。根据实际的键组合,这个属性的值主要有:

Alt only              modifiers=1 (001)
Ctrl only             modifiers=2 (010)
Ctrl+Alt              modifiers=3 (011)
Shift only            modifiers=4 (100)
Shift+Alt             modifiers=5 (101)
Shift+Ctrl            modifiers=6 (110)
Shift+Alt+Ctrl        modifiers=7 (111)
None of these keys    modifiers=0 (000)

因此,event.modifiers的二进制值表示:

  • 最小(右侧)的一位是1表示Alt被按下
  • 第二位是1表示Ctrl被按下
  • 第三位是1表示Shift被按下

6. 禁止Shift-鼠标点击(Shift-click: Disabling

Q:我可以禁止浏览器对Shift-鼠标点击的默认响应?

A:在Netscape Navigator 4或者Internet Explorer 4或者更新的浏览器中,你可以区分Shift-鼠标点击和普通的鼠标点击,并且禁止对Shift-鼠标点击的默认响应。例如,在这个页面Shift-鼠标已经被禁止。如果你在Windows中使用版本4(或者更新)的浏览器,你可以在任何超链接上进行测试!(在旧版的浏览器中,仍然会有默认的响应。)

要禁止Shift-鼠标点击,把下面的代码插入页面的<HEAD>区域:


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics