jquery를 사용하여 요소를 제거, 바인딩 및 트리거하는 자세한 예 events_jquery

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

unbind(type [,data]) / /data는 제거할 함수
$('#btn').unbind("click"); //클릭 제거
$('#btn').unbind() //모두 제거

한 번만 실행되고 즉시 바인딩이 해제되어야 하는 상황의 경우 one()을 사용하세요.

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

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

트리거 작업
trigger() 메서드는 선택한 요소의 지정된 이벤트 유형을 트리거합니다.

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

$('#btn').trigger ("클릭");

이벤트를 직접 실행할 수도 있습니다

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

$('#btn').click();

사용자 정의 이벤트 트리거
bind() 메서드는 선택한 요소에 하나 이상의 이벤트 핸들러를 추가하고 이벤트가 발생할 때 실행할 함수를 지정합니다.

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

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

위 바인딩 기능 실행 시뮬레이션

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

$( '#btn').trigger("myclick");

패스 데이터 트리거(event,[param1,param2,...])

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

$('#btn').bind("myclick",function(event,message1,message2){.............});
$(' #btn').trigger("myclick",["메시지1에 전달","메시지2에 전달"]);

기본 동작 실행

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

$("input" ).trigger("focus");
//입력 요소에 바인딩된 포커스 이벤트를 트리거할 뿐만 아니라 기본 작업인 포커스 가져오기도 트리거합니다

바인딩 이벤트만 실행하고 브라우저 기본 작업은 수행하지 않습니다

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

$("input").triggerHandler("focus");
//바인딩 이벤트만 트리거하고 브라우저 기본 작업을 수행하지 않음

기타 용도

여러 이벤트 유형 바인딩

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

$( " div").bind("mouseover mouseout",function(){.....});

이벤트 네임스페이스 추가

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

$(" div" ).bind("click.plugin",function(){......});

바운드 월드 유형 뒤에 네임스페이스를 추가하면 이벤트 삭제 시에만 네임스페이스를 지정하면 됩니다.

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

$("div").unbind( ".plugin "); //스페이스의 이벤트 삭제
$("div").trigger("click!") //네임스페이스에 포함되지 않은 클릭 메소드 실행

네임스페이스에 포함되면

코드 복사도 실행됩니다. 코드는 다음과 같습니다.

$(“div”).trigger(“클릭”);

기능 취소 또는 결합

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

$( 'div').bind('click', RecommandProduct);//RecommandProduct 함수를 div에 바인딩
$('div').unbind('click', RecommandProduct);//RecommandProduct 함수 취소