동적으로 추가되는 요소의 이벤트 리스너 등록 - on()
- on()을 이용하여 요소에 이벤트 리스너를 등록 할 수 있다
1. 방법
1) 구문
$('셀렉터').on('이벤트명', '자식 셀렉터', function(){...});
- 대상이 되는 요소 각각의 이벤트 리스너 생성
2) 예제
- 문제는 종종 동적으로 추가가 안될 때가 있다.
- 추가하려는 요소가 이미 존재해야 가능.
2. 다른 구문과의 비교
1) 다른 구문
$('셀렉터 자식셀렉터').on('이벤트명', function(e) {...});
- 수십, 수백개의 테이블의 각 셀에 대한 이벤트 리스너를 등록하는 것은 이것이 낫다
'Front-End > jQuery' 카테고리의 다른 글
| [jQuery] 이벤트 발생 시 마우스 정보 - screenX, screenY, pageX, pageY, clienX, clientY, offsetX, offsetY (0) | 2017.01.06 |
|---|---|
| [jQuery] 여러개의 이벤트 리스너 한 번에 설정 - on() (0) | 2017.01.06 |
| [jQuery] 표준이벤트가 아닌 이벤트 포착 - on() (0) | 2017.01.06 |
| [jQuery] 첫 번째 이벤트만 실행 - one() (0) | 2017.01.06 |
| [jQuery] 요소 마우스 들고 나는 시점 처리 - hover() (0) | 2017.01.05 |
리딩리드