您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

Event altKey,ctrlKey,shiftKey属性解析

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 本篇文章主要是对Event altKey,ctrlKey,shiftKey属性解析了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助

event.altKey  功能:检测事件发生时Alt键是否被按住了。   语法:event.altKey   取值:true | false   说明:   altKey属性为true表示事件发生时Alt键被按下并保持,为false则Alt键没有按下。  altKey属性可结合鼠标或键盘使用,多用于制作一些快捷操作方式。    event.ctrlKey  功能:检测事件发生时Ctrl键是否被按住了。   语法:event.ctrlKey   取值:true | false   说明:   ctrlKey属性为true表示事件发生时Ctrl键被按下并保持,为false则Ctrl键没有按下。  ctrlKey属性可结合鼠标或键盘使用,多用于制作一些快捷操作方式。    event.shiftKey  功能:检测事件发生时Shift键是否被按住了。   语法:event.shiftKey   取值:true | false   说明:   shiftKey属性为true表示事件发生时Shift键被按下并保持,为false则Shift键没有按下。  shiftKey属性可结合鼠标或键盘使用,多用于制作一些快捷操作方式。     实例1  组合操作示例。   代码如下: <input id="txt1" type="text" value="Hello World!" onclick="checkAlt(event)" />   <script type="text/javascript"> function checkAlt(oEvent) {   if( oEvent.altKey )     document.getElementById("txt1").select(); } </script>      这段代码的效果为:     如果按住Alt键再单击上面的文本框,可以选中文本框中的文本。    实例2  组合操作示例。   代码如下: <input id="txt2" type="text" value="Hello World!" onclick="clearText(event)" />   <script type="text/javascript"> function clearText(oEvent) {   if( oEvent.ctrlKey && oEvent.keyCode==46 )     document.getElementById("txt2").value = ""; } </script>      这段代码的效果为:     使用"Ctrl+Del"组合键可清除上面的文本框的内容。(必须先使文本框获得焦点。本例只适用于IE浏览器。)    实例3  组合操作示例。   代码如下: <div id="box" style="width:50px; height:25px;border:1px solid black; background-color:red" onclick="setColor(event)"></div>   <script type="text/javascript"> var b = true; function setColor(oEvent) {   if( oEvent.shiftKey && b )     document.getElementById("box").style.backgroundColor = "blue";   if( oEvent.shiftKey && !b )     document.getElementById("box").style.backgroundColor = "red";   b = !b; } </script>      这段代码的效果为:   按住"Shift"键并用鼠标点击上面的色块,可改变色块颜色