JavaScriptで取得してきたDOMにイベントをトリガーするワンライナー

メモ書きです
Chrome DevToolsなどで実行すると幸せになるひとがいるかもです

取得した一つ目の要素に対して実行

document.querySelector('.className').dispatchEvent(new Event('mouseover', { 'bubbles': true }));

取得した全ての要素に対して実行

document.querySelectorAll('.className').forEach(e => {e.dispatchEvent(new Event('mouseover', { 'bubbles': true }))});

補足

  • .classNameの箇所はCSSセレクターを指定しDOMを取得します
  • mouseoverの箇所は実行するイベントを指定します
  • IEでは起動しなさそう

参考

original: qiita