JS模組29 DOM事件模擬
阿新 • • 發佈:2018-12-03
模擬按鈕的單擊事件
const btn = document.querySelector('.logo');
const event = new MouseEvent('click', {
bubbles:true,
cancelable:true,
view:window
});
btn.dispatchEvent(event)
具體的引數參考這裡。
同樣的,模擬鍵盤事件應該使用KeyboardEvent
建構函式
event = new KeyboardEvent(typeArg, KeyboardEventInit);
模擬鍵盤事件的例子
const event = new KeyboardEvent('keydown', { altKey: true, bubbles: true, cancelable: true, code: 'KeyK', composed: true, ctrlKey: true, key: 'k', metaKey: true, repeat: true, shiftKey: true, view: window }) document.addEventListener('keydown', (e) =>{ console.log(e.key) }) document.dispatchEvent(event); // k