이벤트 처리
1. 이벤트 출처 : 모든 HTML 요소 (노드), 본체, div, 버튼
2. 이벤트 : 당신의 작전
생쥐:
딸깍 하는 소리
DBLICK를 두 번 클릭하십시오
oncontextMenu 텍스트 메뉴
코드 사본은 다음과 같습니다.
<body oncontextmenu = "return false"> // 오른쪽 클릭 프로그램을 금지합니다
마우스 오버 풋
마우스 아웃
마우스 own
마우스 업 리프트
Mousemove 마우스
건반:
키 프레스 키보드 이벤트
키업 리프트
키 다운
문서:
로드로드
onload는 페이지로드 후 발사되는 이벤트입니다.
닫기
Protectedunload가 닫히기 전에
형태:
초점 이벤트
블러는 초점을 잃습니다
제출 이벤트 제출
변경 이벤트 변경
다른:
스크롤
선택 이벤트를 선택하십시오
3. 이벤트 핸들러
첫 번째 유형 :
형식 : <event = "이벤트 핸들러" /> 태그
예:
코드 사본은 다음과 같습니다.
<cript>
함수 show () {
var one = document.getElementById ( "one");
Alert (One.innerText);
}
보여주다();
</스크립트>
<body>
<div id = "one">
wwwwwwwwwwwwwwwwwwww
</div>
<입력 유형 = "버튼"onclick = "show ()"value = "show">
두 번째 유형 :
JavaScript Object.on의 직접 처리기
코드 사본은 다음과 같습니다.
<div id = "two">
안녕하세요, wulin.com//www.vevb.com
</div>
<cript>
var one = document.getElementById ( "2");
one.onclick = function () {
this.style.backgroundcolor = "빨간색";
}
</스크립트>
세 번째 유형 :
기본적으로 아무도 그것을 사용하지 않습니다
코드 사본은 다음과 같습니다.
< "이벤트 소스 ID"이벤트 = "이벤트"> 이벤트 핸들러 </script>에 대한 <스크립트
<div id = "th">
안녕하세요, wulin.com//www.vevb.com
</div>
<script for = "th"event = "onclick">
var one = document.getElementById ( "th");
one.style.backgroundcolor = "빨간색";
</스크립트>
JavaScript 사건 처리를 이해 했습니까? 궁금한 점이 있으면 메시지를 남겨주세요.