Posted at

localhostでだけclickが複数回実行される?!

More than 1 year has passed since last update.

開発環境(localhost)に、Browser-sync使っているなら、この続きを読んでみてください。

element.addEventListener('click', (e)=> {

console.log(e); //コレなんぞ2回連続実行される。。
}, false);

なぜか、clickイベントのcallbackが2回走るんだよ!

なんでだよ、全然原因がわかんねーよ!!!

・・・って先日はまったのでメモ残します。

よくよく調べたら、原因はBrowser-syncのclickイベントでした。

Browser-syncのSync Optionsの設定で、ClicksをOFFにしてみましょう。



自分の場合、ClicksをOFFにしたら、複数回clickイベントのコールバックが実行される現象が解消されました。

上記画面(Sync Optionsの設定)へのアクセス方法は、Browser-sync実行時に、



こんな情報が表示されますので、このUIに記載されたアドレス(上記画像例でいうと localhost:3001)を、ブラウザから開けば表示されます。