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

使用 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;
}

结论

通过利用 DOM 键盘事件级别 3 polyfill 或替代的 initKeyboardEvent 方法，您可以现在可以在 Safari 中可靠地创建和调度键盘事件，确保准确的键代码传播。

以上是如何通过准确的按键代码传播来模拟 Safari 中的键盘事件？的详细内容。更多信息请关注PHP中文网其他相关文章！