728x90 300x250 SMALL javaScript/jQuery153 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. trigger 버튼 클릭 없이 이벤트 발생 시키기 trigger $대상.trigger("이벤트이름") 실제 버튼을 클릭하지않았지만 클릭 한것 같은 이벤트를 수동으로 발생시켜야 할경우 트리거 메서드를 사용할 수 있다. 버튼1 버튼2 위와 같이 2개의 버튼이 있다고 했을때 버튼1을 눌렀을때 버튼2도 클릭한 것 같은 효과를 줄 수 있다. ("#btn1").on("click",function(){ console.log("버튼1"); $("#btn2").trigger("click"); }) $("#btn2").on("click",function(){ console.log("버튼2"); }) 이처럼 trigger()메서드를 사용하면 수동으로 클릭하지 않은 버튼도 클릭하게 할 수 있다. 2023. 3. 14. 이전 1 ··· 16 17 18 19 20 21 22 ··· 39 다음 728x90 반응형 LIST