728x90 300x250 SMALL javaScript545 jQuery custom event 사용자 정의 방법1 var event = jQuery.Event("이벤트이름"); [event.데이터1=값; event.데이터2=값; ....] $대상.trigger(event); 방법2 var event = jQuery.Event("이벤트이름"); $대상.trigger(event[,데이터1=값,데이터2=값,...]); 처리순서 이벤트 객체 생성 이벤트 발생 시 리스너에 보낼 데이터 생성 이벤트 발생 방법1과 방법2의 처리 순서는 동일하지만 차이점은 이벤트 발생시 리스너에게 데이터를 보내는 방법이다. 2023. 3. 18. 키보드 입력 시 클리어 버튼 $('.searchbox').on('focus', function(){ if ($(this).val() !== '') { $(this).parent('.searchWrap').addClass('active').attr('tabindex','0'); } }).on('input', function(){ $(this).parent('.searchWrap').addClass('active').attr('tabindex','0'); }) $('.searchWrap').on('mouseleave touchmove', function(){ $(this).removeClass('active').removeAttr('tabindex'); }); $('.ico-inputClear').on('click', function(.. 2023. 3. 17. jQuery 사용자 정의 이벤트2- 비공개 보호되어 있는 글 입니다. 2023. 3. 16. jQuery 사용자 정의 이벤트 - 비공개 보호되어 있는 글 입니다. 2023. 3. 15. 이전 1 ··· 43 44 45 46 47 48 49 ··· 137 다음 728x90 반응형 LIST