jquery 이벤트 예제

대안으로 또는 .on() 메서드에 제공된 데이터 인수 외에도 .trigger() 또는 .triggerHandler(두 번째 인수를 사용하여 이벤트 처리기에 데이터를 전달할 수도 있습니다.) 이 방법으로 제공된 데이터는 Event 개체 다음의 추가 매개 변수로 이벤트 처리기에 전달됩니다. 배열이 .trigger() 또는 .triggerHandler(.)의 두 번째 인수로 전달된 경우 배열의 각 요소가 개별 매개 변수로 이벤트 처리기에 표시됩니다. 별도의 함수를 만들고 처리기로 지정할 수 있습니다. 이 기능은 다른 요소의 다른 이벤트 나 이벤트에 대해 동일한 처리기를 사용하려는 경우에 유용합니다. 마찬가지로 처리기는 event.preventDefault()를 호출하여 브라우저가 이 이벤트에 대해 가질 수 있는 기본 작업을 취소할 수 있습니다. 예를 들어 클릭 이벤트의 기본 동작은 링크를 따르는 것입니다. 모든 브라우저 이벤트에 기본 작업이 있는 것은 아니며 모든 기본 작업을 취소할 수 있는 것은 아닙니다. 자세한 내용은 W3C 이벤트 사양을 참조하십시오. jQuery resize() 메서드는 브라우저 창의 크기가 변경될 때 실행되는 창 요소에 이벤트 처리기 함수를 연결합니다. 이벤트 처리기에서 이 키워드는 이벤트를 발생시킨 DOM 요소를 나타냅니다. 웹 페이지가 응답할 수 있는 모든 다른 방문자의 행동을 이벤트라고 합니다. .on()의 두 번째 형식에서 이벤트 인수는 일반 개체입니다.

키는 공간 으로 구분된 이벤트 형식 이름과 선택적 네임스페이스가 있는 이벤트 인수와 동일한 형식의 문자열입니다. 각 키의 값은 메서드에 대한 최종 인수 대신 처리기로 사용되는 함수(또는 false 값)입니다. 다른 측면에서, 두 형태는 아래에 설명된 대로 그들의 행동에서 동일하다. 이벤트 인수에 모든 이벤트 이름을 사용할 수 있습니다. jQuery는 브라우저가 클릭과 같은 사용자 작업으로 인해 이벤트를 생성할 때 처리기 함수를 호출하여 브라우저의 표준 JavaScript 이벤트 형식을 전달합니다. 또한 .trigger() 메서드는 표준 브라우저 이벤트 이름과 사용자 지정 이벤트 이름을 모두 트리거하여 연결된 처리기를 호출할 수 있습니다. 이벤트 이름에는 참숫자, 밑줄 및 콜론 문자만 포함되어야 합니다. altKey, 거품, 버튼, 버튼, 취소 가능한, char, charCode, clientX, clientY, ctrlKey, 현재 대상, 데이터, 세부 정보, 이벤트위상, 키, 키코드, 메타키, 오프셋X, 오프셋Y, 오리지널 타겟, pageX, pageY, 관련 대상, 스크린X, 스크린Y, 시프트키, 대상, toElement, 보기, 마우스가 마우스가 가리키거나 선택한 요소를 떠날 때마다 동일한 이벤트를 트리거할 것이라고 가정합니다. 이에 대한 가장 좋은 방법은 “마우스엔터 마우스리브”를 사용하는 것입니다.