본문 바로가기
728x90
300x250
SMALL

javaScript545

[jQuery] 기본 이벤트 제거 event.preventDefault() 모든 객체가 기본행동을 가지고 있는 건 아니기 때문에 우선 기본행동이 있는지 먼저 확인을 해보자 cancelable 프로퍼티 값을 확인하면 기본 이벤트가 있는지 확인할 수 있다. 기본이벤트 확인 event.cancelable event.cancelable가 true인 경우 이벤트를 취소할 수 있다. 기본 이벤트 제거 event.preventDefault() 아래 링크에서 기본행동관련 속성을 확인할 수 있다. https://www.w3.org/TR/DOM-Level-3-Events/#event-flow-default-cancel UI Events www.w3.org function preventScrollWheel(event) { if (typeof event.cancelable !== 'boolean' .. 2023. 3. 9.
[jQuery]이벤트 한번만 실행하기 one() one() 메서드 $대상.one(이벤트 이름, 이벤트 리스너) 이벤트를 딱 한번만 실행하고 이후 실해되지 않도록 해야 할 경우 사용할 수 있는 메서드가 바로 one() 메서드이다. 등록한 이벤트 리스너는 딱 한번 실행되고 자동으로 제거 된다. $("#btn").one("click",function(){ alert("클릭"); }); 위의 예제와 같이 one 메서드를 사용하면 딱한번만 alert창이 뜨고 다음부터는 #btn을 아무리 클릭해도 반응하지 않는다. 2023. 3. 6.
jQuery 등록한 이벤트 제거 off() $대상.off("clkck", 삭제하고 싶은 이벤트 리스너 명) $대상.off("click") $대상.off() on()메서드 또는 단축형 이벤트 메서드를 이용해 등록한 이벤트를 제거하려면 off()메서드를 사용하면 된다. 등록한 이벤트를 제거하는 방법은 3가지가 있다. 다음과 같은 클릭 이벤트를 제거 할 경우 $("#btn").on("click",function(){ alert("클릭"); }); $("#btnCheck").on("click",test); function test(){ alert("클릭2"); } 1. 특정 이벤트에 대한 리스너를 제거할 경우 $("#remove").on("click",function(){ $("#btn").off("click",test); //#btn에 걸려있는 cli.. 2023. 3. 5.
단축 이벤트 등록 $대상.단축이벤트(이벤트리스너) jQuery에서는 자주사용하는 이벤트를 좀 더 쉽게 사용할 수 있도록 단축이벤트를 메서드를 가지고 있다. (단축이벤트 메서드 내부에서는 on()메서드를 사용한다.) 예를 들어서 click를 할 경우 on()메서드 $대상.on("click",function(){}) click()메서드 $대상.click(function(){}) 단축이벤트 목록 blur, change, load, unload, resize, scroll, select, submin, click, dbclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, focus, keydown, keypress, keyup ... 2023. 3. 4.
728x90
반응형
LIST

티스토리툴바