jQuery 당신이 묶을 수있는 이벤트의 전체 목록

JQuery와 결합 된 JavaScript는 많은 마우스 이벤트, 키보드 이벤트, 브라우저 이벤트 및 DOM 요소 이벤트를 캡처하고 ,

및 기타 방법을 사용하여 이벤트 트리거 작업을 수행 할 수 있습니다. 다음과 같은 주요 이벤트의 목록은 다음과 같습니다. ,

, , , bind(), live(), blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, >, , mouseover, mouseout, mouseenter, mouseleave, change, select, submit, 마우스 이벤트 keydown , keypress, keyup, error, ,

,

,

, , scroll, click dblclick> mousedown 예 : mouseup 키보드 이벤트 mousemove , mouseover, mouseout, mouseenter mouseleave load 예 : resize 브라우저 이벤트 scroll , unload, error, ,

,

(function($) {
    $(document).ready(function() {
        $('#id').bind('click', function(e) {
            // 鼠标事件触发（元素被点击）
        });
    });
})(jQuery);

예 :

dom 요소 이벤트

, keydown, keypress, keyup, ,

,

예 :

(function($) {
    $(document).ready(function() {
        $(document).bind('keypress', function(e) {
            // 键盘事件触发
        });
    });
})(jQuery);

데모 <:>를 참조하십시오 : 키보드 키의 키 코드 찾기 . jQuery 이벤트 바인딩 목록 FAQ (FAQS) 의 차이점은 무엇입니까?

jQuery의 및 메소드는 모두 요소에 이벤트를 첨부하는 데 사용됩니다. 그러나 둘 사이에는 몇 가지 주요 차이점이 있습니다. load 방법은 원래 jQuery가 제공하는 추가 이벤트 방법입니다. 페이지가로드 된 후 동적으로 추가되는 요소와 함께 작동하지 않습니다. 한편, jQuery 1.7에 도입 된 resize 방법은 나중에 동적으로 추가되는 기존 요소와 요소 모두에 적합합니다. 이제 더 나은 성능과 더 많은 기능을 갖기 때문에 새 코드에서 scroll를 사용하는 것이 좋습니다. unload jQuery에서 이벤트를 풀리는 방법?

jQuery에서 이벤트를 풀려면

메소드를 사용할 수 있습니다. 이 메소드는

메소드를 사용하여 첨부 된 이벤트 핸들러를 삭제합니다. 요소의 모든 이벤트 핸들러를 삭제하거나 이벤트 유형을 매개 변수로 지정하여 특정 이벤트 핸들러를 삭제할 수 있습니다. 예를 들어, .unbind()는 ID '요소'가있는 요소에 대한 모든 클릭 이벤트 핸들러를 삭제합니다. .bind() jQuery에서 여러 이벤트를 동일한 요소에 바인딩 할 수 있습니까? $("#element").unbind("click") 예, 여러 이벤트를 jQuery의 동일한 요소에 바인딩 할 수 있습니다. 키는 이벤트 이름이고 값은 이벤트 핸들러입니다. 예를 들어,

는 클릭 및 마우스 오버 이벤트를 ID "요소"의 요소에 바인딩합니다.

jQuery에서 이벤트 전파를 중지하는 방법은 무엇입니까?

jQuery에서 이벤트 전파를 중지하려면 메소드를 사용할 수 있습니다. 이 방법은 DOM 트리의 이벤트가 버블 링되는 것을 방지하여 부모 핸들러가 이벤트 알림을받지 못하게합니다. 이벤트 핸들러 에서이 메소드를 다음과 같이 호출 할 수 있습니다.

jQuery의 이벤트 대표는 무엇이며 어떻게 사용할 수 있습니까? .on() jQuery의 이벤트 대표단은 이벤트 처리를 특정 요소에 바인딩하는 대신 부모 요소로 이벤트 처리를 위임하는 기술입니다. 이것은 요소가 많거나 요소를 동적으로 추가 할 때 특히 유용합니다. 메소드를 사용하여 선택기를 두 번째 매개 변수로 지정하여 이벤트 위임장을 사용할 수 있습니다. 예를 들어, $("#element").on({click: function(){}, mouseover: function(){}})는 모든 자식 요소의 클릭 이벤트를 상위 요소로 위임합니다.

jQuery에서 프로그래밍 방식으로 이벤트를 트리거하는 방법은 무엇입니까?

jQuery에서 프로그래밍 방식으로 이벤트를 트리거하려면

메소드를 사용할 수 있습니다. 이 메소드는 선택한 요소에서 지정된 이벤트 및 이벤트의 기본 동작을 트리거합니다 (예 : 양식 제출). 예를 들어,

는 '요소'가있는 요소의 클릭 이벤트를 프로그래밍 방식으로 트리거합니다. .stopPropagation() jQuery의 이벤트 핸들러에 데이터를 전달할 수 있습니까? function(event){ event.stopPropagation(); } 예, jQuery의 이벤트 핸들러에 데이터를 전달할 수 있습니다. 객체를 두 번째 매개 변수로

메소드로 전달하여이를 수행 할 수 있습니다. 이 객체의 속성은 이벤트 핸들러 내의 이벤트 개체에서 속성으로 사용할 수 있습니다. 예를 들어, 요소가 클릭되면

가 "John"을 표시합니다.

의 차이점은 무엇입니까? .live() jQuery의 및 메소드는 모두 요소에 이벤트를 첨부하는 데 사용됩니다. 그러나 jQuery 1.7에는 감가 상각 된 .on() 메소드의 몇 가지 제한 사항과 특징이 있습니다. 특정 이벤트 ( "제출"및 "포커스")에서는 작동하지 않으며 이벤트 핸들러를 문서 루트에 첨부하여 성능 문제를 일으킬 수 있습니다. 반면에, 메소드는 이러한 제한을 극복하고 이제 권장되는 방법입니다.

jQuery에서 이벤트의 기본 동작을 차단하는 방법은 무엇입니까? .live() jQuery에서 이벤트의 기본 동작을 차단하려면 .on() 메소드를 사용할 수 있습니다. 이벤트를 취소 할 수 있으면이 메소드가 이벤트를 취소하므로 이벤트에 속하는 기본 조치가 발생하지 않습니다. 이벤트 핸들러 에서이 메소드를 다음과 같이 호출 할 수 있습니다. .live() jQuery에서 한 번만 요소에 이벤트를 바인딩 할 수 있습니까? .on() 예, jQuery에서 한 번만 이벤트를 요소에 바인딩 할 수 있습니다. 이를 달성하기 위해 메소드를 사용할 수 있습니다. 이 메소드는

메소드와 동일한 방식으로 작동하지만 이벤트 핸들러가 한 번 시작되면 이벤트 핸들러가 삭제됩니다. 예를 들어,

는 ID "요소"가있는 요소에 대해 클릭 이벤트 핸들러를 한 번만 트리거합니다.

위 내용은 jQuery 당신이 묶을 수있는 이벤트의 전체 목록의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!