開発環境(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)を、ブラウザから開けば表示されます。