event.altKey、event.ctrlKey、event.shiftKey 属性

event.shiftKey

语法：event.altKey

取值：true | false  1|0

说明：

altKey属性为true表示事件发生时Alt键被按下并保持，为false则Alt键没有按下。 
altKey属性可结合鼠标或键盘使用，多用于制作一些快捷操作方式。 
 
event.ctrlKey 
功能：检测事件发生时Ctrl键是否被按住了。

语法：event.ctrlKey

取值：true | false  1|0

说明：

ctrlKey属性为true表示事件发生时Ctrl键被按下并保持，为false则Ctrl键没有按下。 
ctrlKey属性可结合鼠标或键盘使用，多用于制作一些快捷操作方式。 
 
event.shiftKey 
功能：检测事件发生时Shift键是否被按住了。

语法：event.shiftKey

取值：true | false  1|0

说明：

shiftKey属性为true表示事件发生时Shift键被按下并保持，为false则Shift键没有按下。 
shiftKey属性可结合鼠标或键盘使用，多用于制作一些快捷操作方式。 
 
 实例1 ：组合操作示例

[javascript] view plain copy

1. <input id="txt1" type="text" value="Hello World!" onclick="checkAlt(event)" />  
2. <script type="text/javascript">  
3. function checkAlt(oEvent)  
4. {  
5.   if( oEvent.altKey )  
6.     document.getElementById("txt1").select();  
7. }  
8. </script>   

这段代码的效果为： 如果按住Alt键再单击上面的文本框，可以选中文本框中的文本。

 
 实例2 ：组合操作示例

[javascript] view plain copy

1. <input id="txt2" type="text" value="Hello World!" onclick="clearText(event)" />  
2. <script type="text/javascript">  
3. function clearText(oEvent)  
4. {  
5.   if( oEvent.ctrlKey && oEvent.keyCode==46 )  
6.     document.getElementById("txt2").value = "";  
7. }  
8. </script>   

这段代码的效果为： 使用"Ctrl+Del"组合键可清除上面的文本框的内容。（必须先使文本框获得焦点。本例只适用于IE浏览器。）

 
 实例3 ：组合操作示例

[javascript] view plain copy

1. <div id="box" style="width:50px; height:25px;border:1px solid black; background-color:red" onclick="setColor(event)"></div>  
2. <script type="text/javascript">  
3. var b = true;  
4. function setColor(oEvent)  
5. {  
6.   if( oEvent.shiftKey && b )  
7.     document.getElementById("box").style.backgroundColor = "blue";  
8.   if( oEvent.shiftKey && !b )  
9.     document.getElementById("box").style.backgroundColor = "red";  
10.   b = !b;  
11. }  
12. </script>   

这段代码的效果为：按住"Shift"键并用鼠标点击上面的色块，可改变色块颜色

来自：http://blog.csdn.net/zyz511919766/article/details/7349034