목록이벤트버블링 (1)

포시코딩

3월23일 - Event Bubbling 이벤트 버블링

개요 {selectRoom()}}> {exitChat(meetup.id)}}>나가기 많이 코드가 생략 됐지만 대충 이런 엘리먼트가 존재할 때 나가기 버튼을 눌렀는데 selectRoom() 함수가 실행되는 문제를 발견했다. 백엔드쪽에선 별로 고려하지 않아도 되는 부분이라 예전에 배웠다가 완전 까먹고 있었는데 이번 상황에 생각이 나서 다시 해결 방법을 기억할 겸 정리해보았다. 해결 방법 이런 현상은 '이벤트 버블링' 이라고 한다. div 안에 button이 있는 형태라 button을 누르면 div도 눌렸다는 상황이 발생하는건데 나가기 버튼에 있는 함수에 아래의 코드 한줄을 추가하여 간단하게 해결할 수 있다. function exitChat() { e.preventDefault(); // .. 그 후 코드 작..
TIL 2023. 3. 23. 16:54
이전 Prev 1 Next 다음