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では起動しなさそう

参考

• Event: https://developer.mozilla.org/ja/docs/Web/API/Event/Event
• Eventのバブリング: https://www.webprofessional.jp/event-bubbling-javascript/
• https://stackoverflow.com/questions/2228376/trigger-onmouseover-event-programmatically-in-javascript
• https://qiita.com/ryounagaoka/items/a48d3a4c4faf78a99ae5