LoginSignup
2
0

More than 5 years have passed since last update.

JS初心者のメモ:Event Handling

Posted at

Eventとは

ブラウザがHTMLを読み込む際に作成されるのがDOMです。作成されたDOMは<script>タグ内のJavascriptにより更新されます。その中でもっとも重要なのがEventです。Eventはマウスの動き、クリック、サーバからのレスポンスなど多種多様です。ブラウザ上の処理はSingle-threaded modelにしたがってる為EventはEvent Queueに溜まり順番に実行されていきます。Eventに対してEvent Handler(Javascript関数)を登録することができます。

addEventListener関数

document.body.addEventListener('click', function() {
    console.log('Clicked');
});

DOMの<body>にクリックイベント時の処理を登録。

内をユーザがクリックした時にコンソールに'Clicked'がプリントされる。
2
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
2
0