如何透過準確的按鍵程式碼傳播來模擬 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;
}

登入後複製