js获取按键
2017-11-09 13:38
134 查看
event.altKey、event.ctrlKey、event.shiftKey 属性
属性为true表示事件发生时Alt、Ctrl、Shift键被按下并保持,为false则Alt、Ctrl、Shift键没有按下例子1:按住"Shift"键并用鼠标点击上面的色块,可改变色块颜色
<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;
}
例子2: 使用"Ctrl+Del"组合键可清除上面的文本框的内容
<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>
document.onkeydown=function(event){
var e = event || window.event || arguments.callee.caller.arguments[0];
if(e && e.keyCode==18){
}
if(e && e.keyCode==113){ // 按 F2
//要做的事情
}
if(e && e.keyCode==13){ // enter 键
//要做的事情
}
};
js 里面的键盘事件经常用到的键盘事件对应的键码
相关文章推荐
- js获取每个按键的ASCII值
- JS 获取键盘按键 event.altKey、event.ctrlKey、event.shiftKey 属性
- js获取及判断键盘按键的方法
- JS实现获取键盘按下的按键并显示在页面上的方法
- 原生js实现shift/ctrl/alt按键的获取
- js获取键盘按键响应事件(兼容各浏览器)
- js获取按键的值
- 如何用JS获取键盘上任意按键的值?兼容FireFox和IE js获取键盘ASCII码?js键盘事件全面控制
- 原生js实现跨浏览器获取鼠标按键的值
- js获取键盘按键的值
- js获取及判断键盘按键的方法
- JS实现获取键盘按下的按键并显示在页面上的方法
- 原生js 跨浏览器获取鼠标按键的值
- 原生js实现shift/ctrl/alt按键的获取
- JS获取按键的代码,Js如何屏蔽用户的按键,Js获取用户按键对应的ASII码(兼容所有浏览器)
- jquery,js小结----禁用按键,检测ie版本,获取滚动了的宽度
- JS获取按键的代码,Js如何屏蔽用户的按键
- JS获取键盘上任意按键的值(实例代码)
- 如何用JS获取键盘上任意按键的值
- JS 获取和响应键盘按键事件