HTML DOM을 사용하면 JavaScript가 HTML 이벤트에 반응할 수 있습니다.

HTML DOM 이벤트 통사론

JavaScript는 사용자가 HTML 요소를 클릭하는 등 이벤트가 발생할 때 실행될 수 있습니다.

사용자가 요소를 클릭할 때 코드를 실행하려면 HTML 이벤트 속성에 JavaScript 코드를 추가하세요: 

onclick=JavaScript

HTML 이벤트의 예:

사용자가 마우스를 클릭할 때

웹페이지가 로드될 때

언제 이미지가 로드될 때

요소 위로 마우스를 이동할 때

입력 필드가 변경될 때

HTML 양식이 제출될 때

사용자가 키 누르기를 실행할 때

HTML DOM 이벤트 예

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<h1 onclick="this.innerHTML='Ooops!'">点击文本!</h1>

</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요