[TIL] 009. JavaScript - Dom, Event


DOM (Document Object Model)


DOMは,ウェブページのHTMLを階層化し,ツリー構造を形成するオブジェクトモデルである.JavaScriptでは、このモデルを使用してWebページにアクセスしたり、ページを変更したりできます.

HTMLにアクセスした理由


HTMLにアクセスし、JavaScriptを使用して動的要素(イベント)を追加できます.

EVENT


イベントの保留中に使用する関数名はaddEventListenerです.event listenerという語を解釈すると、イベントがいつ発生したかをaddEventListenerが静聴し、発生した場合、パラメータとして受信した関数が実行されます.
const submitBtn = document.getElementById('submitBtn');

submitBtn.addEventListener('이벤트종류', function() {
  //이벤트가 일어났을 때 실행할 내용
});

イベントのタイプ


イベントの種類は本当に多いですが、実際に使われているイベントは多くありません.
  • click
  • キーストローク、キーストローク、キーストローク(クリティカルイベント)
  • mouseover, mouseout ... (マウスイベント)
  • select
  • wheel
  • ...