js의 이벤트 이해

이벤트

1. 자바스크립트 이벤트란 무엇인가요?

　 이벤트는 문서나 브라우저에서 발생하는 특정 상호 작용 순간입니다.

2. 이벤트 흐름

이벤트 흐름은 IE가 제안하는 이벤트 버블링 흐름과 Netscape가 제안하는 이벤트 캡처 흐름을 포함하여 페이지에서 이벤트를 수신하는 순서를 설명합니다. 브라우저 기본값은 이벤트 버블링 흐름입니다.

두 가지 아이디어:

IE의 이벤트 흐름을 이벤트 버블링이라고 합니다. 즉, 이벤트는 처음에 가장 구체적인 요소에 의해 수신된 다음 덜 구체적인 노드로 위쪽으로 전파됩니다.

Netscape 팀이 제안한 또 다른 이벤트 스트림은 이벤트 캡처라고 합니다. 이벤트 캡처의 개념은 덜 구체적인 DOM 노드가 이벤트를 더 일찍 수신하고 가장 구체적인 노드가 이벤트를 마지막에 수신해야 한다는 것입니다.

3. 이벤트 핸들러

　이벤트 핸들러를 지정하는 방법에는 여러 가지가 있습니다. HTML 이벤트 핸들러. 즉, HTML 코드에 이벤트 핸들러를 직접 추가합니다.

　예: 

　　

　　　　 함수 showmsg(){

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 위 코드에서 볼 수 있듯이 이벤트 처리는 요소에 직접 중첩되어 있습니다. 예, 여기에는 문제가 있습니다. 결합 html 코드와 js 사이의 경계가 너무 강합니다. 언젠가 js에서 showmsg를 변경하려면 js에서 수정해야 할 뿐만 아니라 html에서도 수정해야 합니다.

　　(1) DOM0 레벨 이벤트 핸들러

　　　이는 지정된 객체에 대한 이벤트 처리를 추가하는 것입니다.

　　　var btn2 = document.getElementById("btn2");

btn2.onclick=function(){

Alert("DOM0 레벨 추가 이벤트 처리");

, 그냥 null로 설정하세요

　

　　 ( 2) DOM2 수준 이벤트 핸들러 DOM2 수준 이벤트는 이벤트 핸들러를 지정하고 삭제하는 작업을 처리하는 두 가지 메서드인 addEventListener() 및 RemoveEventListener()를 정의합니다. 이 두 가지 메소드는 모든 DOM 노드에 포함되어 있으며 둘 다 3개의 매개변수(처리할 이벤트 이름, 이벤트 핸들러 기능 및 부울 값)를 허용합니다. 마지막 매개변수가 true이면 캡처 단계에서 이벤트 핸들러가 호출된다는 의미이고, fasle이면 버블링 단계에서 이벤트 핸들러가 호출된다는 의미입니다.

위 내용은 js의 이벤트 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!