jQuery의 주목할만한 트리거 방법에 대한 간략한 분석

소개

트리거 메소드의 기능은 선택한 요소에서 지정된 유형의 이벤트를 트리거하는 것입니다. 해당 호출의 구문 형식은 트리거(유형,[데이터])입니다. type은 트리거 이벤트 유형이며, 매개변수 데이터는 선택사항이며, 이벤트가 트리거될 때 함수에 전달되는 첨부 매개변수를 나타냅니다.

일반적으로 사용되는 시뮬레이션

경우에 따라 작업을 수행할 필요가 없으며 특정 효과를 얻기 위해 사용자 작업을 시뮬레이션하려고 합니다. 예를 들어, 사용자가 클릭할 필요 없이 인터페이스에 들어간 후 클릭 이벤트가 트리거됩니다.
jquery에서 트리거를 사용하여 이 작업을 수행할 수 있습니다.

$("#btn").trigger("click")//触发id为btn的click事件
 
$("#btn").click()//简写

사용자 정의 이벤트 트리거

trigger는 브라우저에서 지원하는 이러한 이벤트를 트리거할 수 있을 뿐만 아니라 사용자 정의 이벤트도 트리거할 수 있습니다. 이벤트. 예를 들어, clickMe라는 이벤트를 바인딩합니다.

$("#btn").bind("clickMe",function(){
 //....
})
 
$("#btn").trigger("clickMe")//触发该事件

Pass data

trigger(type,[data])

첫 번째 매개변수는 발생하는 이벤트의 종류를 나타내고, 두 번째 매개변수는 이벤트 처리 함수에 전달할 추가 데이터를 배열 형태로 전달합니다. 일반적으로 콜백 함수에 매개변수를 전달하여 이 이벤트가 사용자에 의해 트리거되는지 여부를 구별할 수 있습니다.

<button id="btn">按钮</button>
<p id="msg"></p>
<script>
$(function(){
 $(&#39;#btn&#39;).bind("clickMe",function(event,msg1,msg2){
 $("#msg").text(msg1+&#39; &#39;+msg2)
 })
 $(&#39;#btn&#39;).trigger("clickMe",["hello","jquery"])
})
</script>

효과 스크린샷

기본 동작 수행

trigger() 메소드가 이벤트를 트리거한 후 브라우저의 기본 작업이 수행됩니다. 예를 들어,

$('input').trigger('focus')

위 코드는 입력에 바인딩된 포커스 이벤트를 트리거할 뿐만 아니라 포커스를 얻기 위해 브라우저의 기본 포커스 이벤트도 트리거합니다. 사용자 정의 포커스 이벤트만 트리거하려면 TriggerHandler()

$('input').triggerHandler('focus')

를 사용하세요. 이 메서드는 입력에 바인딩된 이벤트만 트리거하고 이 이벤트에 대한 브라우저의 기본값을 취소합니다. . 작업에 초점이 맞지 않습니다.

요약

자, 이 글의 내용이 모두의 공부나 업무에 도움이 되었으면 좋겠습니다. 소통하라는 메시지.

jQuery의 주목할만한 트리거 메소드에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트에 주목하세요!