이벤트 처리 함수를 사용하여 객체 이벤트에 대한 거의 모든 작업을 완료할 수 있지만 jQuery는 공통 이벤트의 캡슐화를 제공합니다. 예를 들어 클릭 이벤트에 해당하는 두 가지 메서드인 click() 및 click(fn)이 각각 클릭 이벤트를 트리거하는 데 사용됩니다. 그리고 클릭 이벤트를 설정합니다.
클릭 이벤트 설정:
$("#testDiv").click(function(event) { alert("test div clicked ! "); });
다음과 동일:
$("#testDiv").bind("click", function(event) { alert("test div clicked ! "); });
클릭 이벤트 트리거:
$("#testDiv").click();
$("#testDiv").trigger("click");
와 동일합니다. 트리거입니다. TriggerHandler대신
이런 메소드를 영어로는 jQuery에서 Event Helpers라고 하는데 좋은 번역 메소드를 찾을 수 없어서 함수에 따라 "단축 메소드"라고 부르는데요!
아래는 jQuery 단축 메소드 목록입니다.
모두 해당 이벤트이므로 더 이상 설명과 예제를 작성하지 않겠습니다.
이름 | 설명 | 예 | ||
blur( ) | ||||
흐림(fn) | ||||
change( ) | ||||
change( fn ) | click( ) | |||
클릭(fn) | ||||
dblclick( ) | ||||
dblclick( fn ) | ||||
error( ) | ||||
error( fn ) | ||||
focus( ) | ||||
포커스(fn) | ||||
keydown( ) | ||||
keydown( fn ) | ||||
keypress( ) | ||||
keypress( fn ) | ||||
keyup( ) | ㅋㅋㅋ | |||
mousedown(fn) | ||||
mouseenter(fn) | ||||
mousemove(fn) | ||||
mouseout( fn ) | ||||
mouseover( fn ) | ||||
mouseup( fn ) | ||||
크기 조정(fn) | ||||
스크롤(fn) | ||||
select( ) | ||||
제출( ) | ||||
제출(fn) | ||||
언로드(fn) | ||||
다음 섹션 |