如何透過準確的按鍵程式碼傳播來模擬 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中文網其他相關文章！