자바스크립트 이벤트 위임이란 무엇인가요?-프런트엔드 Q&A-php.cn

자바스크립트 이벤트 위임이란 무엇인가요?

青灯夜游

풀어 주다： 2023-01-04 09:34:45

원래의

2640명이 탐색했습니다.

JavaScript에서 이벤트 위임은 버블링 원리를 사용하여 상위 요소 또는 상위 요소에 이벤트를 추가하여 실행 효과를 트리거합니다. 이벤트 위임의 장점: 1. JS 성능을 향상시킬 수 있습니다. 2. 요소 변경으로 인해 이벤트 바인딩을 수정하지 않고도 DOM 요소를 동적으로 추가할 수 있습니다.

자바스크립트 이벤트 위임이란 무엇인가요?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

1. 이벤트 위임이란 무엇인가요?

이벤트 위임은 버블링 원리를 사용하여 상위 요소나 상위 요소에 이벤트를 추가하여 실행 효과를 트리거합니다.

예: 클릭 개체가 버튼 btn인 경우 팝업 상자에 버튼 btn

<body>

<button id="btn" value="嘿嘿">哈哈</button>

<script>
  window.onload=function () {

    let btn=document.getElementById("btn")
    document.onclick=function (e) {
      // console.log(e.target)
      if(e.target===btn){
        alert(btn.value)
      }
    }

  }
</script>
</body>

로그인 후 복사

자바스크립트 이벤트 위임이란 무엇인가요?