Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- map
- 백준 javascript
- 리눅스마스터 1급 정리
- 리눅스마스터 3과목
- GoingBus
- 자바스크립트 코딩의 기술
- Kotlin
- 반복문
- Memoir
- 자바
- java 백준 1차원 배열
- 월간코드챌린지
- Linux
- toCharArray
- 스프링 빈
- 프로그래머스
- 연습문제
- 백준 java
- 명령어
- 개발자 회고록
- Java
- 문자열
- 코테
- 스프링 컨테이너
- 카카오
- JavaScript
- 리눅스마스터1급
- 코딩테스트
- 리눅스
- 고잉버스
Archives
- Today
- Total
728x90
목록 jquery delegation (1)
728x90
728x90
hoon's bLog
jQuery event delegation propagation 이벤트 위임 전파 버블링
이벤트의 위임(event delegation)제이쿼리는 이벤트의 위임을 통해 다수의 요소에 공통으로 적용되는 이벤트 핸들러를 공통된 조상 요소에 단 한 번만 연결하면 동작 가능// 다음 예제는 의 자식 요소 중 에 대해 요소마다 각각 이벤트 핸들러를 직접 연결$(function() { $("ul a").on("click", function(event) { // 의 자식 요소 중 를 클릭했을 때, event.preventDefault(); // 의 클릭시 기본 동작인 링크의 작동을 중지시킴. $("#text").append("이 링크는 동작하지 않습니다!"); });});// 요소마다 직접 등록된 이벤트 핸들러는 현재 존재하는 에만 연결되며, 새롭게..
IT/HTML, jQuery, Ajax
2023. 7. 17. 09:36