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组合操作示例。
function checkAlt(oEvent)
{
if( oEvent.altKey )
document.getElementById("txt1").select();
}
这段代码的效果为:
如果按住Alt键再单击上面的文本框,可以选中文本框中的文本。
实例2组合操作示例。
function clearText(oEvent)
{
if( oEvent.ctrlKey && oEvent.keyCode==46 )
document.getElementById("txt2").value = "";
}
这段代码的效果为:
使用"Ctrl+Del"组合键可清除上面的文本框的内容。(必须先使文本框获得焦点。本例只适用于IE浏览器。)
实例3组合操作示例。
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;
}
这段代码的效果为:
按住"Shift"键并用鼠标点击上面的色块,可改变色块颜色相关阅读:
Win7手动启用Windows Event Log服务出现错误解决方法
详解JavaScript ES6中的模板字符串
Android ormlite更改数据库默认位置
如何让MAC笔记本的电池复位及一些使用小技巧
win7鼠标右键一直转圈不能使用该怎么解决?
Win10 Xbox One游戏串流功能暗藏超高质量模式 可轻松开启
c#唯一值渲染实例代码
深入浅析JavaScript中的Function类型
javascript匿名函数应用示例介绍
javascript 小数取整简单实现方式
设计模式中的组合模式在JavaScript程序构建中的使用
jQuery中的each()详细介绍(推荐)
查看iOS Crash logs的方法
jquery无刷新验证邮箱地址实现实例