修改键



虽然鼠标事件主要是使用鼠标来触发的,但在按下鼠标时键盘上的某些键的状态也可以影响到所要采取的操作。这些修改键就是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 数组中。在事件处理程序的最后,有一个警告框将检测到的键的信息显示给用户。




640?wx_fmt=gif

这期的内容就到这里了

喜欢我们的话

点赞 转发 关注

640?wx_fmt=jpeg
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值