• home > webfront > browser > webkit >

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

    Author:[email protected] Date:

    功能健联合鼠标操作,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



    转载本站文章《js监听windows与mac的功能健:shiftKey/ctrlKey/altKey/metaKey,js多选控制》,
    请注明出处:https://www.zhoulujun.cn/html/webfront/browser/webkit/2016_0215_2750.html