기본 JS를 처리하는 이벤트 처리 및 이벤트 반응

1. 이벤트는 호출이 점을 트리거

1. 기본 JS

이벤트는 세 가지 방법으로 전화를 트리거 :

1) 일정] 이벤트가 ❗️ 수동 트리거에 [이벤트] 이벤트에 창 개체 방법이다 .

2)에 [이벤트] 이벤트 htmlElement.click ()에 의해 아날로그 트리거

3) 또는 addEventListener 이벤트를 듣고, 수동으로 트리거

이 점

의 onEvent 경우 1)이 이벤트는 DOM 객체의 전송을 획득 매개 변수로 전달한다. 이 방법을 사용하여 현재 DOM을 얻을 수 있습니다.

2) 직접 액세스 방법에있어서, 이때 여기서 현재 기능의 범위. 또는 객체의 함수를 호출합니다.

<BODY> 
    <INPUT 유형 = "확인란"ID = "루트"를 onMouseover와 = "toclick합니다 (이, 이벤트)"는 onclick을 = "추가 ()"/> 
    <버튼의 onclick = "A.test합니다 (이)"> 테스트 </ 버튼> 
    <script> 함수 toclick (argThis, E) { 
            CONSOLE.LOG (E) // 이벤트 객체; 파라미터 수동 전송해야 
            CONSOLE.LOG (argThis를) //는 이 방법에 의해이 시점 DOM 요소 넘어가 자신을 호출   
            CONST = rootEle argThis; // 동일한 document.getElementById를 ( '루트'); 
            rootEle.click (); // 이 어떤 매개 변수 없지만, 트리거         }
         기능 추가 (ARG) 선수 { 
            을 console.log (의 Arg을);// 당신이 매개 변수를 전달하는 데 필요한 이벤트 및 기타 매개 변수를 취득 할 이벤트의 정의 설명
        

            을 console.log ( 다음은이 ); // 트리거 rootEle에 의해 트리거 창에 마우스 오버 중 내부 또는 직접 직접 추가 ()를 실행 해당, 
        } 
        const를 = { 
            테스트 (argThis) { 
                하며 CONSOLE.LOG (argThis) // DOM을 의 요소 
                을 console.log ( 다음은이를 ); // 다음은이 목표 지점 A? 
            } 
        } 
        const를 rootEle = document.getElementById를 ( "루트" ); 
        rootEle.addEventListener ( '을 클릭' 기능 () { 
            을 console.log가 ( '청취 === ' 다음은이 ); //DOM 요소는 호출 지시 수신기 객체 
        })
      </ script> 
</ body>

 

추천

출처www.cnblogs.com/lyraLee/p/11577511.html