十二、鼠标事件
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。
<script language="JavaScript"><!--
function mouseDown(e) {
var ctrlPressed=0;
var altPressed=0;
var shiftPressed=0;
if (parseInt(navigator.appVersion)>3) {
var evt = navigator.appName=="Netscape" ? e:event;
if (navigator.appName=="Netscape" && parseInt(navigator.appVersion)==4) {
// NETSCAPE 4 CODE
var mString =(e.modifiers+32).toString(2).substring(3,6);
shiftPressed=(mString.charAt(0)=="1");
ctrlPressed =(mString.charAt(1)=="1");
altPressed =(mString.charAt(2)=="1");
self.status="modifiers="+e.modifiers+" ("+mString+")"
}
else {
// NEWER BROWSERS [CROSS-PLATFORM]
shiftPressed=evt.shiftKey;
altPressed =evt.altKey;
ctrlPressed =evt.ctrlKey;
self.status=""
+ "shiftKey="+shiftPressed
+", altKey=" +altPressed
+", ctrlKey=" +ctrlPressed
}
if (shiftPressed || altPressed || ctrlPressed)
alert ("Mouse clicked with the following keys:/n"
+ (shiftPressed ? "Shift ":"")
+ (altPressed ? "Alt " :"")
+ (ctrlPressed ? "Ctrl " :"")
)
}
return true;
}
if (parseInt(navigator.appVersion)>3) {
document.onmousedown = mouseDown;
if (navigator.appName=="Netscape")
document.captureEvents(Event.MOUSEDOWN);
}
// --></script>
event.ctrlKey、event.altKey、event.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>区域：
<script language="JavaScript">
<!--
function mouseDown(e) {
var shiftPressed=0;
if (parseInt(navigator.appVersion)>3) {
if (navigator.appName=="Netscape")
shiftPressed=(e.modifiers-0>3);
else shiftPressed=event.shiftKey;
if (shiftPressed) {
alert ('Shift-click is disabled.')
return false;
}
}
return true;
}
if (parseInt(navigator.appVersion)>3) {
document.onmousedown = mouseDown;
if (navigator.appName=="Netscape")
document.captureEvents(Event.MOUSEDOWN);
}
//-->
<script>