JavaScript 이벤트 처리
3349 단어 JavaScript
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 콘텐츠 표시를 가져오고 텍스트 조합을 만드는 데 추가합니다.
Reference
이 문제에 관하여(JavaScript 이벤트 처리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/MIRAI1221/items/3dda261918b8fb431989
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<div id="web">
<h1 id="title">学習</h1>
<p class="content">現在JavaScript学習中、就活中</p>
<button id="button" class="btn">クリック</button>
</div>
window.onload = function() {
document.getElementById('title').innerText = '学習中'
}
document.getElementById("button").addEventListener('click', function()
{document.getElementById('content').innerText = '現在JavaScript学習中、就活中、ポートフォリオ作成中'})
}
Reference
이 문제에 관하여(JavaScript 이벤트 처리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/MIRAI1221/items/3dda261918b8fb431989텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)