JavaScript FAQ（十六）——鼠标事件（三）

最新推荐文章于 2025-08-08 17:07:36 发布

iteye_1315

最新推荐文章于 2025-08-08 17:07:36 发布

阅读量82

点赞数

文章标签： javascript ViewUI

本文介绍了如何在浏览器中通过JavaScript检测鼠标事件的同时检测到Ctrl、Alt和Shift键的按下状态，以及如何禁止Shift键与鼠标点击的默认行为。

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

十二、鼠标事件

5. Ctrl、Alt、Shift键（Ctrl, Alt, Shift Keys）

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

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

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