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 3 years have passed since last update.

addEventListenerメソッド

Posted at

addEventListenerメソッドについて学習したため、アウトプットいたします。

#addEventListenerメソッドとは?
ある要素に対してクリックする、マウスを乗せる等のイベント(以後イベントと記述します)が起きたときに何か処理を実行したい場合、このメソッドを使って定義することができる

使い方

(DOMオブジェクト).addEventListner("イベント名", 関数)

実際に使ってみましょう

var text.querySelector("review");
//読み込んでくるDOMオブジェクトを定義。今回はtextという何かのレビューが入った文章をDOMオブジェクトとしている

function print_selected(){
 console.log("レビューが選択されました");
//addEventListenerで実行される関数を定義

text.addEventListener("select", print_selected);
//DOMメソッドであるtextにイベント時(今回は選択されたとき)起こる関数をここで定義

これで完了です

0
0
0

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?