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
- 코딩테스트
- 반복문
- java 백준 1차원 배열
- 자바스크립트 코딩의 기술
- 백준 java
- 자바
- 고잉버스
- 스프링 컨테이너
- 리눅스마스터 1급 정리
- Memoir
- 스프링 빈
- Kotlin
- 리눅스마스터 3과목
- 카카오
- 리눅스마스터1급
- 문자열
- 코테
- JavaScript
- 월간코드챌린지
- 개발자 회고록
- 리눅스
- GoingBus
- Java
- toCharArray
- 연습문제
- Linux
- map
- 백준 javascript
- 프로그래머스
- 명령어
Archives
- Today
- Total
728x90
목록 jquery click 사용 (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