jQuery_jquery의 이벤트에 대한 간략한 토론

JQuery 이벤트 첫눈

1.JQuery의 이벤트 바인딩

실제로 JQuery의 표준 이벤트 바인딩은 다음과 같이 작성됩니다. (다음과 같습니다)

코드 복사 코드는 다음과 같습니다.

$("#btn").bind("click",function(){});

그런데 매번 이렇게 글을 쓰는 것은 너무 귀찮습니다. 어떻게 적게 쓰고 더 많이 할 수 있을까요?
그래서 우리에게 익숙한 약어는 다음과 같습니다.

$("#btn").click(function(){ }) 이게 훨씬 더 편리해요

2. 합성 이벤트 hover(enterfn, Leavefn)

enterfn 메소드는 요소 위에 마우스를 놓을 때 호출됩니다.
마우스가 요소를 떠날 때 Leavefn 메서드가 호출됩니다.
이는 JavaScript의 mouseover 및 mouseout 이벤트 조합과 동일합니다.

이벤트 버블링

1. 설명

이벤트 버블링: JQuery는 JavaScript와 마찬가지로 이벤트 버블링 메커니즘을 사용합니다.
, window.event.cancelBubble = true

2.

받기

이벤트 관련 정보를 캡처하려면 응답 익명 함수에 매개변수를 추가해야 합니다. e, e는 이벤트 객체입니다.
버블링을 종료하려면 이벤트 객체의 stopPropagation() 메서드를 호출합니다.
예를 들어 e.stopPropagation();
버블링이 종료된 후에는 이벤트 소스의 상위 요소에서 프로그램이 더 이상 실행되지 않습니다.

3. 이벤트 풍선 아이콘

이벤트 차단

기본 동작 방지: 일부 요소에는 기본 동작이 있습니다. 예를 들어 하이퍼링크를 클릭하면 새 링크로 리디렉션되고 제출 버튼은 기본적으로 양식을 제출합니다. 이벤트 객체의 PreventDefault() 메소드와 window.event.returnValue=false는 동일한 효과를 갖습니다.

코드 복사 코드는 다음과 같습니다.

$("a").click(함수(e) {
warning("일시적으로 모든 하이퍼링크 클릭이 금지됩니다.");
          e.preventDefault();
});

위 내용은 이 글의 jQuery 이벤트에 대한 전체 설명입니다. jQuery를 배우는 모든 분들에게 도움이 되길 바랍니다.