전체 글(14823)
-
[jQuery] 마우스 이벤트, 마우스 이벤트와 관련된 메소드
마우스 이벤트 메소드 설명 .click() 자바스크립트의 "click" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "click" 이벤트를 발생시킵니다. .dblclick() 자바스크립트의 "dblclick" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "dblclick" 이벤트를 발생시킵니다. .hover() 자바스크립트의 "mouseenter"와 "mouseleave" 이벤트를 같이 인벤트 핸들러와 연결합니다. .mousedown() 자바스크립트의 "mousedown" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "mousedown" 이벤트를 발생시킵니다. .mouseenter() 해당 요소 위로 마우스가 진입할 때 발생하는 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 마우스 진..
-
[jQuery] 이벤트 제거 - off() 함수 형식
off() 함수 형식 구성요소 설명 event · 필수 옵션 · 선택된 엘리먼트를 제거하기 위해 하나 이상의 이벤트 또는 네임 스페이스를 지정합니다. selector · 선택사항 · 이벤트 핸들러에 접근할 때 on함수에 전달되는 selector와 동일해야 합니다. function(eventObj) · 선택사항 · 이벤트가 발생할 때 실행하는 함수를 지정합니다.
-
[jQuery] 이벤트 연결(event binding) - .on() 메소드 특징, on() 함수 형식, button의 id가 "btn"인 요소에 click 이벤트 연결하는 다양한 방법, .one() 메소드
이벤트 연결(event binding)· .on() 메소드· .one() 메소드 .on() 메소드 특징· 선택한 요소에 어떤 타입의 이벤트라도 연결할 수 있습니다.· 하나의 이벤트 핸들러에 여러 개의 이벤트를 동시에 연결할 수 있습니다.· 선택한 요소에 여러 개의 이벤트 핸들러와 여러 개의 이벤트를 같이 연결할 수 있습니다.· 사용자 지정 이벤트(custom event)를 위해 이벤트 핸들러로 데이터를 넘길 수 있습니다.· 차후에 다루게 될 요소를 이벤트에 연결할 수 있습니다. on() 함수 형식선택된 element에 이벤트 핸들러를 묶어줍니다.특정 요소에서 발생하는 이벤트를 처리하기 위해서는 이벤트 핸들러(event handler) 함수를 작성해야만 합니다. 이렇게 작성된 이벤트 핸들러를 특정 요소에 ..
-
[jQuery] 이벤트 통합 메서드, on(), off() 함수
이벤트 통합 메서드· 제이쿼리 1.7부터는 .bind()나 .click() 메소드를 사용해도, 내부적으로 .on() 메소드를 이용하여 이벤트 핸들러와 연결합니다.· jQuery에서는 1.7 버전 이후로는 기존의 이벤트 연결함수를 대체하여 on()함수의 사용을 권고하고 있습니다.· 제이쿼리 1.0에서는 .bind() 메소드를 사용하여 이벤트 핸들러를 등록해서 사용했으며 그다음에는 .live() 메소드와 .delegate() 메소드를 거쳐, 현재는 .on() 메소드를 이용하여 이벤트를 처리하고 있습니다.· on()함수는 선택된 엘리먼트와 자식 엘리먼트를 위한 하나 이상의 핸들러를 첨부할 수 있습니다.· on()함수, off()함수를 사용하면 일관성 있는 API를 많이 사용할 수 있다는 장점이 있습니다.
-
[jQuery] 이벤트 강제 발생
이벤트 강제 발생
-
[jQuery] 마우스 이벤트, 마우스 이벤트와 관련된 메소드,
마우스 이벤트 메소드 설명 .click() 자바스크립트의 "click" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "click" 이벤트를 발생시킵니다. .dblclick() 자바스크립트의 "dblclick" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "dblclick" 이벤트를 발생시킵니다. .hover() 자바스크립트의 "mouseenter"와 "mouseleave" 이벤트를 같이 인벤트 핸들러와 연결합니다. .mousedown() 자바스크립트의 "mousedown" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "mousedown" 이벤트를 발생시킵니다. .mouseenter() 해당 요소 위로 마우스가 진입할 때 발생하는 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 마우스 진..