[JavaScript] addeventeListener()의 주요 이벤트 요약

2705 단어 JavaScript

개시하다


AddEventListener()의 주요 활동 요약 차트!
addeventListener()는 자바스크립트의 빈번한 출현 중 빈번한 출현이기 때문에 무엇을 머릿속의 한 귀퉁이에 사용할 수 있는지 사용하는 것이 좋다고 생각한다

addEventListener


어떤 사건이 실행될 때, 실행 방법에 적힌 일련의 동작을 실행하는 방법입니다.
예를 들어 다음과 같은 파일이 있다고 가정하자.
test.html
<div id = 'btn'>ここをプッシュ!</div>
다음 js 파일은 클릭할 때 상기 btnID 내의 텍스트를 변경하는 코드입니다.
test.js
  const btn = document.getElementById('btn'); //定数btnにhtmlのbtnIDの要素を取得

  btn.addEventListener('click', ()=>{ //定数btnがクリックされた時に
    btn.textContent = "あああ"; //btnIDの要素のテキストを"あああ"に変更
  });
addEventListener의 기본 쓰기 방법은 다음과 같습니다.
또 다른 작법이 있으니 마음에 드는 사람은 꼭 조사해 주세요!
test.js
対象要素.addEventListener(イベントの種類, function() {

  //イベント発火時の処理内容

});

이벤트 유형


아까 클릭한 것처럼 다양한 이벤트도 있어요.
여기서 자주 사용하는 활동을 대체적으로 총결해 봅시다.
이벤트 유형
컨텐트
click
마우스 버튼 클릭 시 발화
mousedown
마우스 버튼을 눌렀을 때 불이 납니다
mouseup
마우스 버튼을 놓으면 불이 납니다.
mousemove
마우스 커서 이동 중 발화
submmit
입력 형식의submit 단추를 눌렀을 때 불이 납니다
scroll
화면이 굴러갈 때 불이 나요.
submmit
입력 형식의submit 단추를 눌렀을 때 불이 납니다
scroll
화면이 굴러갈 때 불이 나요.

최후


위에서 말한 것은 정말 기본적인 활동일 뿐입니다. 조사하면 여러 종류가 있습니다!
네가 사전에 이렇게 준비한 것은 너무 열정적이다.

좋은 웹페이지 즐겨찾기