原生JS获取Shift/Ctrl/Alt组合键状态

作者:窗边听雨

时间:2026-10-27

浏览:332

本文介绍如何使用原生JavaScript在鼠标点击事件中获取Shift、Ctrl和Alt组合键的状态。通过监听document.onclick事件,利用event对象的shiftKey、ctrlKey和altKey属性判断按键是否按下,并将按下的修饰键名称存入数组返回。该方法适用于需要检测用户是否同时按下修饰键的交互场景。

文章目录

原生JS获取Shift/Ctrl/Alt组合键状态

具体实现代码如下所示:

document.onclick = function(e){
alert(getKey(e));
};
function getKey(e){
var e = e || window.event;
var keys = [];
if(e.shiftKey){
keys.push("shift键");
};
if(e.ctrlKey){
keys.push("ctrl键");
};
if(e.altKey){
keys.push("alt键");
};
return keys;
};

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章