0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Jacascriptのイベントリスナーのthisとeventについて

Posted at

イベントリスナー内で event と this の両方を使用することができる。
ただし、event と this は異なる目的で使用される。

event はイベントオブジェクトで、イベントに関する情報(クリックされた要素、イベントのタイプ、発生した時刻など)を提供する。
イベントオブジェクトはイベントリスナーの引数として渡される。

一方、this はイベントリスナーが追加された要素を参照する。
これにより、イベントが発生した要素に対して操作を実行したり、要素のプロパティにアクセスしたりできる。

通常、イベントリスナー(イベントハンドラ)内での event.currentTarget は this と一致する。event.currentTarget はイベントリスナーがアタッチされた要素(DOM ノード)を参照し、this も同じ要素を参照する。

0
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?