search

holdanddeepdive / javascript-deep-dive

3 stars 1 forks source link

40장 #41

Open hyunahOh opened 2 years ago

hyunahOh commented 2 years ago

헷갈리는 개념 몇 개 추렸습니다.

40.9 이벤트 헨들러 내부의 this => 헨들러 호출시엔 이벤트 바인딩한 돔 요소, 내부에선 window

<!DOCTYPE html>
<html>
<body>
    <button onclick="handleClick(this)">Click me</button>
    <script>
       function handleClick(button) {
           console.log(button);//이벤트를 바인딩한 button 요소
           console.log(this);//window
       }
    </script>
</body>
</html>

40.9.2 프로퍼티 방식과 addEventListener방식 => 헨들러 호출시, 헨들러 내부 모두 이벤트를 바인딩한 돔 요소