버튼 두개가 있고 버튼 B에 클릭했을 시 알림창을 띄우는 이벤트를 등록했다.
역시나 B를 클릭하면 버튼B의 알림창이 뜨는 이벤트가 실행된다.
이번엔 버튼 A에 이벤트를 걸어주는데
그 내용은 버튼B를 호출해 클릭에 트리거를 걸어준다.
그러자 버튼 A를 클릭했는데 버튼 B의 이벤트가 실행되는 것을 볼 수 있다.
버튼 A의 이벤트 자체가 버튼 B의 클릭 이벤트를 실행시키는 것이다.
이런 식으로 버튼 자체에 다른 태그의 이벤트를 걸어둔다면 해당 이벤트를 대신 실행시킬 수 있다.
까만 화면 속 숫자를 클릭해도, 버튼을 클릭해도 이벤트가 실행된다.
'Front-end > JavaScript' 카테고리의 다른 글
| [자바스크립트] mouseover & mouseout, mouseenter & mouseleave, 마우스 이벤트의 종류와 차이점 (0) | 2022.06.02 |
|---|---|
| [자바스크립트] 사용자 정의 이벤트, jQuery.Event (0) | 2022.06.02 |
| [자바스크립트] 버블링을 이용해 이벤트 등록하기 (0) | 2022.05.31 |
| [자바스크립트] 이벤트 한번만 실행, 기본 이벤트 해제, one, cancelable, preventDefault (0) | 2022.05.31 |
| [자바스크립트] 이벤트 등록 해제, on, off, click, mouseenter, mouseleave (0) | 2022.05.30 |