728x90 300x250 SMALL javaScript545 일반 이벤트 등록 on $대상.on("이벤트이름", 이벤트리스너) on()메서드를 이용해서 이벤트를 등록하는 방법이 가장 일반적이다. $("#btn").on("click",function(){ alert("클릭"); }); jQuery 버전 1.6까지는 bind() 메서드를 사용 했으나 1.7버전 이후 on()으로 변경 live(), delegate()등의 메서드도 on()메서드 하나로 통합되었다. 2023. 3. 3. Event 객체 Event 객체 이벤트 객체란 DOM과 관련된 이벤트가 발생되면 이벤트와 관련된 상세한 정보를 저장하는 객체 일종의 저장소 이다. 예를 들어보자 마우스 클릭을 하면 마우스 정보와 클릭한 위치 정보 이벤트가 발생한 위치 등에 대한 정보를 이벤트객체의 자식 객체인 MouseEvent 객체에 담아 전달하는 역할을 한다. 모든 브라우저가 이벤트 객체를 지원하지만 세부 사항은 다르다. event객체에서 이벤트 기본 기능이 구현 되어있다. 속성 type : 발생한 이벤트 타입 반환 target : 실제 이벤트를 트리거한(발생시킨) 엘리먼트 반환 currentTarget : 현재 이벤트를 처리하는 엘리먼트를 반환(캡처링과 버블링 단계를 거치면서 만나는 객체에 이벤트 리스너가 등록되어있으면 리스너가 실행되는데 이때 리.. 2023. 3. 1. 버블링(bubbling) 단계 버블링 단계 버블링 단계는 캡쳐링 단계의 역순으로 돌아가는 단계 이다. 이 흐름을 버블링(bubbling) 단계라고하고 이때 만난 노드에 버블 단계에 이벤트가 등록 되어있다면 리스너가 실행된다. eventPhase 속성값이 3이면 버블링 단계를 나타낸다. 이벤트 등록 방법 $대상.on(이벤트이름, 리스너); 버블링 단계에서 이벤트 등록 방법은 타겟방법과 동일하다. 타겟 단계인지 버블링 단계인지 구분할 때에는 Event 객체의 eventPhase 속성을 사용해서 2이면 타겟, 3이면 버블링 단계이다. 2023. 2. 28. 타겟(Target) 단계 타겟 단계 캡쳐단계는 최상위 DOM부터 이벤트가 발생한 지점 전까지 흐른다면 타겟 단계는 캡쳐단계 이후 이벤트를 발생시킨 지점에 머무르는 단계를 말한다. 이때 이벤트를 발생시킨 노드에 이벤트가 등록되어있다면 리스너가 실행된다. eventPhase 속성값이 2라면 캡처단계이다. 이벤트 등록 방법 $대상.on(이벤트 이름, 리스너); on()메서드를 사용해 이벤트를 등록하면 기본적으로 타겟과 버블링 단계에 등록 된다. 자바스크립트를 이요해 타겟/버블링 단계 이벤트 등록할 경우 addEventListener 제일 마지막 매개변수를 false로 주면 된다. 대상.addEventListener(이벤트 이름, 리스너, false); 캡쳐단계에 이벤트를 등록하려면 addEventListener()메서드 마지막 매개변.. 2023. 2. 27. 이전 1 ··· 46 47 48 49 50 51 52 ··· 137 다음 728x90 반응형 LIST