집 > 기사 > 웹 프론트엔드 > 사용법 공유: jQuery를 사용하여 이벤트를 자동으로 트리거하는 방법

사용법 공유: jQuery를 사용하여 이벤트를 자동으로 트리거하는 방법

巴扎黑원래의: 2017-06-25 13:29:161317검색

이 글에서는 jQuery자동 트리거 이벤트 트리거를 사용하는 방법을 주로 소개합니다. 필요한 친구는 이를 참조할 수 있습니다.

때때로 사용자가 클릭 효과를 얻으려면 사용자 작업을 시뮬레이션해야 합니다. 페이지에서는 적극적으로 클릭하지 않고도 클릭 이벤트가 트리거됩니다
.

예를 들어 다음 코드는

<body>
  <a href="#" onclick="javascript:document.getElementById(&#39;d&#39;).innerHTML=&#39;x1&#39;">点击1</a>
  <a href="#" onclick="javascript:document.getElementById(&#39;d&#39;).innerHTML=&#39;x2&#39;">点击2</a>
  <a href="#" onclick="javascript:document.getElementById(&#39;d&#39;).innerHTML=&#39;x3&#39;">点击3</a>
  </br>
  <span id="d"></span>
</body>

'클릭 1' 페이지에 x1이 표시되고, '클릭 2' 페이지에 x2가 표시되는 효과가 있습니다...
하지만 필요합니다 처음 페이지 진입 시 기본 페이지가 '클릭 1'이 되도록 구현합니다.

jQuery에서는 Trigger() 메소드를 사용하여 시뮬레이션 작업을 완료할 수 있습니다.
예를 들어 다음 코드를 사용하여 링크 A의 클릭 이벤트를 실행할 수 있습니다.

$('a').first().trigger("click");

이렇게 페이지가 로드되면 첫 번째 A 링크의 클릭 이벤트가 트리거되고 페이지가 x1

을 표시합니다. 사용자 정의 이벤트 트리거

trigger() 메서드는 브라우저에서 지원하는 동일한 이름의 이벤트를 트리거할 수 있을 뿐만 아니라 사용자 정의 이름을 가진 이벤트도 트리거할 수 있습니다.
예를 들어 "myEvent" 이벤트를 요소에 바인딩하려면 jQuery 코드는 다음과 같습니다.

$(&#39;#btn&#39;).bind("myEvent", function(){ 
  alert("自定义事件");
});

이 이벤트를 트리거하려면 다음 코드를 사용하여 이를 달성할 수 있습니다.

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

Pass data

trigger(type,[data]) 메소드에는 두 개의 매개변수가 있습니다.
첫 번째 매개변수는 이벤트 객체 또는 이벤트 유형입니다.
두 번째 매개변수는 이벤트 처리 함수의 추가 매개변수 에 전달되며,
는 배열 형식으로 전달됩니다. 일반적으로 콜백 함수

에 매개변수를 전달하여 이 이벤트가 코드에 의해 트리거되었는지 사용자에 의해 트리거되었는지 구별할 수 있습니다.

다음은 데이터 전달 예시입니다.

$(&#39;#btn&#39;).bind("myEvent", function(event,message1,message2){ 
  alert(message1 + "," + message2);
});
$(&#39;#btn&#39;).trigger("myEvent", ["Hello","World!"]);

위 내용은 jQuery를 사용하여 자동으로 이벤트를 실행하는 방법입니다. 모두의 학습에 도움이 되기를 바랍니다. 🎜

위 내용은 사용법 공유: jQuery를 사용하여 이벤트를 자동으로 트리거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：jQuery의 Trigger() 메소드 사용 예다음 기사：jQuery의 Trigger() 메소드 사용 예