목록tab 기능 제작 (1)

Simple Is Best

16. [jQuery] 이벤트 버블링을 활용한 tab기능 제작

안녕하세요 이번 포스팅에서는 이벤트 버블링을 활용하여 이벤트 리스너를 줄이는 방법에 대해서 알아보도록 하겠습니다. 포스팅 14에서는 Tab 기능을 구현하는 방법 포스팅 15에서는 이벤트 버블링을 참고하면 좋을 것 같습니다. 포스팅 14에서 Tab 기능을 구현 할 때에는 .tab-button 에 3개의 이벤트 리스너를 달았었습니다. 하지만 이렇게 이벤트 리스너를 달게 될 경우에는 메모리를 많이 잡아먹기 때문에 좋은 방법은 아닙니다. 따라서, 이번 포스팅에서는 지난 포스팅 15포스팅에서 배운 이벤트 버블링을 활용하여 1개의 이벤트 리스너를 달아서 동일하게 기능을 구현하는 방법에 대해서 알아보도록 하겠습니다. 총 2가지 방법이 존재하는데 [tab 열기] 함수는 이전 포스팅을 참고해주시면 감사하겠습니다. HTM..
JavaScript & JQuery 2021. 8. 5. 17:50
이전 Prev 1 Next 다음