首页 > webfront > browser > webkit > > 正文

js监听windows与mac的功能健:shiftKey/ctrlKey/altKey/metaKey,js多选控制

发布人:zhoulujun@live.cn    点击:

功能健联合鼠标操作,JavaScript如何监听?如mac book中js如何识别用户按下command键。无论在单击click时间还是键盘时间onkeydown|| onkeyup|| onkeypress,都是通过e ctrlKey||e altKey||e shiftKey||e metaKey进行判断

前端开发时候,需要用到组合键与鼠标联合操作,比如控制多选(ctr+鼠标左键单击),连续选择等

在鼠标单击(click)或者双击(dbclick),事件event 中,不论mac还是windows,都会有如下key值

altKey: false

ctrlKey: true

metaKey: false

shiftKey: false

其中需要注意的是,metaKey(在Windows键盘中是Windows键,在苹果机中是command键

Shift、Ctrl、Alt和Meta=windows||command

Firefox、Safari、Chrome和Opera都支持这4个键。IE不支持metaKey属性。

所以,在chrome 鼠标操作多选,只需控制,只需监听

if ((Platform.win&&event.ctrlKey)||(Platform.mac&&event.metaKey)) {

    //TODO 多选操作

}    

参考文章:

https://www.w3cmm.com/javascript/shiftkey-ctrlkey-altkey-metakey.html

js键盘按钮keyCode及示例大全 https://www.cnblogs.com/daysme/p/6272570.html