event.altKey、event.ctrlKey、event.shiftKey 属性
来源:互联网 发布:冬天保湿面霜推荐 知乎 编辑:程序博客网 时间:2024/05/22 10:31
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 :组合操作示例
<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、event.ctrlKey、event.shiftKey 属性
- Event altKey、ctrlKey、shiftKey属性
- Event altKey、ctrlKey、shiftKey属性
- Event altKey、ctrlKey、shiftKey属性
- js 实现快捷键-event:altKey ctrlKey shiftKey
- offsetLeft与style.left的区别 event.altKey、event.ctrlKey、event.shiftKey 属性 clientWidth和offsetWidth
- JS 获取键盘按键 event.altKey、event.ctrlKey、event.shiftKey 属性
- 62. Event shiftKey 事件属性
- 61. Event altKey 事件属性
- altKey,ctrlKey,shiftKey
- Event
- Event
- Event
- Event
- Event
- event
- event
- event
- ural 1078 Segments
- Nhibaernate 在使用Iset<>Invalid Cast错误
- 如何在ashx页面获取Session值
- 【Android进阶】嵌套TabHost (TabHost中放TabHost,类似二级目录、二级树)
- 选择排序法 (Selection Sort)
- event.altKey、event.ctrlKey、event.shiftKey 属性
- Android Textview 延时加载图片
- What:数字信号基带传输的常用码型
- hdu 2438 暴力吧
- 乔纳森·伊夫
- eclipse解决editor does not contain a main type的方法
- httpclient4登录网站
- Notes On <AJAX & PHP> - 1
- netsh