JavaScript 이벤트 처리

3349 단어 JavaScript
예전에 js를 배웠는데 뭘 하고 있는지 모르고 썼어요. 조금만 만지면 이해하기 쉬워서 출력을 해봤어요.

js 이벤트 처리란 무엇입니까


어떤 특정한 동작을 한 상황에서 사전 등록 처리를 실행할 수 있다
예를 들어 준비하다
<div id="web">
  <h1 id="title">学習</h1>
  <p class="content">現在JavaScript学習中、就活中</p>
  <button id="button" class="btn">クリック</button>
</div>

브라우저에만 HTML 표시



브라우저를 가져올 때의 이벤트 처리


window.onload = function() {
    document.getElementById('title').innerText = '学習中' 
}

실행 결과



window.onload에서 브라우저를 읽을 때function 내의 처리를 실행합니다.
문서의 id title을 가져오는 탭의 텍스트를 설정합니다.

버튼을 클릭하면 이벤트 처리

document.getElementById("button").addEventListener('click', function()
 {document.getElementById('content').innerText = '現在JavaScript学習中、就活中、ポートフォリオ作成中'})
}

실행 결과



addEventListener에서 가져온 id button의 태그를 눌렀을 때 function을 실행합니다.
문서의 id 콘텐츠 표시를 가져오고 텍스트 조합을 만드는 데 추가합니다.

좋은 웹페이지 즐겨찾기