문서 전체
장점 - 한번만 선언하면 ajax나 html를 그려 넣더라도 이벤트가 동작한다
$(document).on('click', '#get_main_dis_goods', function(e) {
alert(1);
});
특정 id 또는 class에 이벤트 지정
단점 해당 셀렉터를 가진 태그가 재 설정되면 이벤트가 유실됨
$('#set_status_complete').on('click', function(e) {
alert(1);
});
이벤트를 부득이하게 js단에서 계속 선언하게 될 경우 이벤트 중복되지 않게 선언할 수 있다
$('#set_status_complete').off().on('click', function(e) {
alert(1);
});
키보드 입력 이벤트
$('#set_status_complete').on('keyup blur', function(e) {
alert(1);
});
값의 변경여부를 체크하는 이벤트
- 셀렉트박스, 데이트에서 활용
$('#set_status_complete').on('change', function(e) {
alert(1);
});
'Develop > HTML & JavaScript & CSS' 카테고리의 다른 글
Date 날짜 계산 (0) | 2019.07.05 |
---|---|
jQuery 이벤트 종류 (0) | 2019.07.04 |
Javascript 코드 작성규칙 (0) | 2019.07.03 |
input box 영문, 숫자, 공백만 허용 (0) | 2019.06.26 |
정규식 사이트 (0) | 2018.11.29 |