0

More than 3 years have passed since last update.

@hyakt(Hayato Kajiyama)

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

JavaScript

Last updated at 2019-11-13Posted at 2019-11-13

メモ書きです
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では起動しなさそう

参考

0

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

0