IT技術にまつわる実験ノート

「長編を書くより、短編を数多く完成させてください。それが上達への近道です」 by 手塚治虫

JavaScript の addEventListener メソッドを使ってみる

はじめに

ここでは、以下の記事を参考にして addEventListener メソッドを使ってみることにする。

 

使ってみる

addEventListener メソッドの第一引数にはイベントの種類を指定して、第二引数にはイベントが起きた時に実行する処理を記述する。

f:id:matt-note:20190211222707p:plain

f:id:matt-note:20190211223252p:plain

f:id:matt-note:20190211222838p:plain

-> id="hoge" の要素をクリックすることで、指定した処理を実行することができた。また、ダブルクリックすることでも指定した処理を実行できている。

 

まとめ

addEventListener メソッドによって、1つのイベントに複数のハンドラを指定することができる。また、要素に複数のイベントを指定することもできる。