欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【Event altKey,ctrlKey,shiftKey属性解析】，下面是详细的讲解！
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"键并用鼠标点击上面的色块，可改变色块颜色
关于Event altKey,ctrlKey,shiftKey属性解析的用户互动如下：
相关问题：禁止右键选择、粘贴、shift、ctrl的方法
答： 选择字符试试1010110 >>详细
相关问题：event对象属性问题
答：event没有x/y属性的, 下面是鼠标/键盘事件对象event的属性列表..... altKey 返回当事件被触发时，"ALT" 是否被按下。 button 返回当事件被触发时，哪个鼠标按钮被点击。 clientX 返回当事件被触发时，鼠标指针的水平坐标。 clientY 返回当事件被... >>详细
相关问题：这里面的evt是什么作用[已解决]
答：eventPhase=3 localX=140 localY=13 stageX=552.95 stageY=521 relatedObject=null ctrlKey=false altKey=false shiftKey=false buttonDown=true delta=0] 一般... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【dom】javascript dom追加内容实现示例-追加内容
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【addClass】javascript自定义的addClass()方法
- 【Event】jquery下为Event handler传递动态参数的
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-