Discussions » Creation Requests
快捷键控制页面中的按钮
代码
addEventListener('keydown', (event) => {
// 定义按下的按键(Key)、控制键按下状态(Ctrl)、切换键按下状态(Alt)和转换键按下状态(Shift)变量
let Key = event.code,
Ctrl = event.ctrlKey,
Alt = event.altKey,
Shift = event.shiftKey;
// 如果按下 `Ctrl + →`就…
if(Ctrl && Key === 'ArrowRight') {
// 阻止默认事件、按下对应按钮
event.preventDefault();
document.querySelector('元素定位').click()
// 如果按下 `Ctrl + ←`就…
}else if(Ctrl && Key === 'ArrowLeft') {
// 阻止默认事件…
event.preventDefault();
};
});
键盘码获取
可通过 https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_code_values 查阅,或通过以下代码在浏览器控制台查阅:
addEventListener('keydown', (event) => {
// 定义按下的按键(Key)
let Key = event.code;
// 在浏览器控制台输出按下得按键
console.log(Key)
});
谢谢哈,学习学习
各位好,请问有没有可以实现快捷键控制页面中按钮的插件,请指教,谢谢。