클릭 JS 조건 자체보다는 자식 요소 트리거의 요소를 달성

 

다음과 같이 하위 요소에 클릭 트리거 시간에 싶지 않아

<스타일>

 

    #parent {
        배경 : 핑크; 폭 : 50 %;
    }
    #child {
        배경 : 오렌지, 높이 300 픽셀, 폭 : 300 픽셀;
    }
</ 스타일>

 

<div ID = "조부"οnclick = "AA ( '조부'이벤트)">
    <div ID = "부모"οnclick = "AA ( '부모'이벤트)">
        <div 식 "아이"οnclick = " AA ( '아이'이벤트) "> </ DIV>
    </ DIV>
</ DIV>

<script>
     함수 AA (브로 이벤트) {

          경고 (발);

         CONSOLE.LOG (event.target, event.currentTarget)

 

     }

 

</ script>

우리가 요소를 클릭 할 경우, 요소의 유일한 이벤트 트리거, 우리는 간단하지만 일반적으로 사용하지 방법을 권장합니다 :

e.currentTarget 이벤트 객체는 이벤트를 트리거 현재 요소를 반환

이벤트 시리즈의 e.current 반환 트리거 소스 요소

예 : I가 버블 링 이벤트이 트리거,이 시간 AA 될 것 부모 요소의 자식 요소를 클릭하면 순서에 세 번 수행됩니다 :

                 event.target event.currentTarget

아이 아이 아이

부모 자식 부모

할아버지의 자식 할아버지

 

수정 AA 기능 : 그래서 실현 그냥 요소 자체에 클릭 이벤트에 대한 간단한 방법은 다음 요소는 트리거 :

 

 

기능 AA (발, 이벤트) {
    경우 (event.target === event.currentTarget) {
        경고 (발)
    }

}

 

그것은 매우 간단하지 않다.