模擬按鈕的單擊事件

const btn = document.querySelector('.logo');
const event = new MouseEvent('click', {
  bubbles:true,
  cancelable:true,
  view:window
});

btn.dispatchEvent(event)

具體的參數(shù)參考這里。

同樣的，模擬鍵盤事件應(yīng)該使用KeyboardEvent構(gòu)造函數(shù)

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

參考

• MSDN - MouseEvent()
• MSDN - dispatchEvent
• MSDN - 鍵盤事件 KeyboardEvent()
• LoadingMore's Blog - 原生JS模擬點擊事件和自定義事件
• QingRong - 創(chuàng)建、初始化事件