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"键并用鼠标点击上面的色块，可改变色块颜色
- JavaScript Event学习第七章 事件属性
- javascript attachEvent绑定多个事件执行顺序问题
- Javascript中的window.event.keyCode使用介绍
- myEvent.js javascript跨浏览器事件框架
- javascript开发随笔一 preventDefault的必要
- javascript中window.event事件用法详解
- JavaScript事件处理器中的event参数使用介绍
- Javascript中Event属性搜集整理
- javascript Event对象详解及使用示例
- 21个JavaScript事件(Events)属性汇总
- javascript中的altKey 和 Event属性大全
相关文章
location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。2010-03-03
数据缓存系统，主要是将一些可复用的数据临时存放一下，放下数据后面的再次调用。2010-10-10
这篇文章主要为大家详细介绍了js实现简单的倒计时，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
GreyBox是一个遮罩层的组件也称模式窗口或模态窗口（所谓模态窗口，就是指除非采取有效的关闭手段，用户的鼠标焦点或者输入光标将一直停留在其上的窗口），它运行以后可以产生不错的界面。2010-11-11
JS双向链表实现与使用方法示例(增加一个previous属性实现)
这篇文章主要介绍了JS双向链表实现与使用方法,在之前链表的基础上增加一个previous属性实现的双向链表功能,需要的朋友可以参考下2019-01-01
JavaScript实现擦玻璃效果分析鼠标移动响应时间粒度问题
这篇文章主要为大家介绍了JavaScript实现擦玻璃效果分析鼠标移动响应时间粒度问题详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
下面小编就为大家分享一篇js读取本地文件的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
innerHTML动态添加html代码和脚本，给某个元素的innerHTML赋值,并使得值中的js代码有效且兼容多个浏览器，很棒的一个方法2014-10-10
仅相隔一天就出了个v3。 修正了一个bug，firefox左侧内容宽度错误。2009-02-02
这篇文章主要介绍了JavaScript 异步时序问题,帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下2020-11-11
最新评论