如何通过准确的按键代码传播来模拟 Safari 中的键盘事件？-js教程-PHP中文网

如何通过准确的按键代码传播来模拟 Safari 中的键盘事件？

Barbara Streisand

发布： 2024-12-06 06:50:11

原创

298 人浏览过

How to Simulate Keyboard Events in Safari with Accurate Key Code Propagation?

使用 JavaScript 模拟 Safari 中的键盘事件

尝试使用传统方法模拟 Safari 中的键盘事件时，开发人员经常会遇到按键代码设置为零而不是设置为 0 的问题所需的值。然而，有一个可靠的解决方案可以使用 JavaScript 的 DOM Keyboard Event Level 3 Polyfill。

DOM Keyboard Event Level 3 Polyfill

DOM Keyboard Event Level 3 Polyfill 使开发人员能够创建和调度键盘事件具有增强的兼容性。要使用此polyfill，请按照以下步骤操作：

element.addEventListener("keydown", function(e){ console.log(e.key, e.char, e.keyCode) })

var e = new KeyboardEvent("keydown", {bubbles : true, cancelable : true, key : "Q", char : "Q", shiftKey : true});
element.dispatchEvent(e);

登录后复制

旧属性

如果您需要旧属性，例如“keyCode”，“charCode”和“which”，则更新的polyfill完全支持他们。只需按如下方式初始化 KeyboardEvent：

var e = new KeyboardEvent("keydown", {
    bubbles : true,
    cancelable : true,
    char : "Q",
    key : "q",
    shiftKey : true,
    keyCode : 81
});

登录后复制

替代选项

为了跨浏览器兼容性，请考虑使用以下替代 initKeyboardEvent 方法：

function initKeyboardEvent(type, bubbles, cancelable, view, key, location, modifiersList, repeat, locale) {
    var evt = document.createEvent("KeyboardEvent");
    evt.initKeyboardEvent(type, bubbles, cancelable, view, key, location, modifiersList, repeat, locale);
    return evt;
}

登录后复制