javascript addEventListenerのeventを省略する

javascript addEventListenerのeventを省略する

javascriptで、addEventListenerのコールバック関数の引数eventを省略するサンプルコードを掲載してます。ブラウザはchromeを使用しています。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

eventを省略

addEventListenerの、コールバック関数で使用するeventは省略しても利用することが可能です。

実行結果

onclickを使用しても同じです

当然ですが、以下のように引数を別名で指定した場合は省略はできません。

アロー関数を使用しても同じです。

これは以下のように「window.event」を取得できているので、

windowオブジェクトは省略して記述できるので、同じ結果となります。

ちなみにアロー関数は、thisを持たず、thisはwindowオブジェクトになるのでwindowをthisとしても結果は同じなります。