虽然鼠标事件主要是使用鼠标来触发的,但在按下鼠标时键盘上的某些键的状态也可以影响到所要采取的操作。这些修改键就是Shift、Ctrl、Alt和Meta(在Windows键盘中是Windows键,在苹果机中是Cmd键),它们经常被用来修改鼠标事件的行为。DOM为此规定了4个属性,表示这些修改键的状态: shiftKey 、 ctrlKey 、 altKey 和 metaKey 。这些属性中包含的都是布尔值,如果相应的键被按下了,则值为 true ,否则值为 false 。当某个鼠标事件发生时,通过检测这几个属性就可以确定用户是否同时按下了其中的键。
var div = document.getElementById(“myDiv”);
div.onclick = function(event){
var keys = new Array();
if (event.shiftKey){
keys.push(“shift”);
}
if (event.ctrlKey){
keys.push(“ctrl”);
}
if (event.altKey){
keys.push(“alt”);
}
if (event.metaKey){
keys.push(“meta”);
}
alert(“Keys: ” + keys.join(“,”));
}
在这个例子中,我们通过一个 onclick 事件处理程序检测了不同修改键的状态。数组 keys 中包含着被按下的修改键的名称。换句话说,如果有属性值为 true ,就会将对应修改键的名称添加到 keys 数组中。在事件处理程序的最后,有一个警告框将检测到的键的信息显示给用户。

这期的内容就到这里了
喜欢我们的话
点赞 转发 关注
