使用JavaScript 模擬Safari 中的鍵盤事件
嘗試使用傳統方法模擬Safari 中的鍵盤事件時,開發人員經常會遇到按鍵代碼設定為零而不是設定為0 的問題所需的值。然而,有一個可靠的解決方案可以使用 JavaScript 的 DOM Keyboard Event Level 3 Polyfill。
DOM Keyboard Event Level 3 Polyfill
DOM Keyboard Event Level 3 Polyfill 讓開發人員能夠建立和調度鍵盤事件具有增強的兼容性。要使用此polyfill,請按照以下步驟操作:
1 2 3 4 | 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:
1 2 3 4 5 6 7 8 | var e = new KeyboardEvent( "keydown" , {
bubbles : true,
cancelable : true,
char : "Q" ,
key : "q" ,
shiftKey : true,
keyCode : 81
});
|
登入後複製
替代選項
為了跨瀏覽器相容性,請考慮使用以下替代initKeyboardEvent 方法:
1 2 3 4 5 | 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中文網其他相關文章!