본문 바로가기

Develop/HTML & JavaScript & CSS

jQuery 이벤트 처리 방법

문서 전체
장점 - 한번만 선언하면 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