原生JS获取Shift/Ctrl/Alt组合键状态
作者:窗边听雨时间:2026-10-27 09:00:25浏览:333
本文介绍如何使用原生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;
};作者最新文章
anime.js 快速入门:怎么引入库并编写第一个 DOM 动画
2026-11-05 14:22:43
在线JS解密后变量名仍乱码?结合浏览器DevTools调试还原
2026-11-04 20:26:01
怎么在浏览器中运行JavaScript代码并查看输出结果
2026-11-04 09:07:33
JS 获取屏幕分辨率:window.screen.width 与 height 用法
2026-11-04 08:52:48
为什么推荐用DOMContentLoaded代替window.onload初始化JS
2026-11-04 08:42:33
