jquery TriggerHandler() 메서드


  번역 결과：

trigger

영어 [ˈtrɡɚ]

n. (총) 방아쇠; [전자제품] 방아쇠, 전기 기구를 방아쇠를 당기는 것; 방아쇠를 당기다, 폭발을 일으키다(무기 또는 폭발물)

Handler

Handler

jquery TriggerHandler() 메서드통사론

기능: triggerHandler() 메서드는 선택한 요소의 지정된 이벤트 유형을 트리거합니다. 그러나 브라우저의 기본 액션은 실행되지 않으며, 이벤트 버블링도 발생하지 않습니다. TriggerHandler() 메서드는 Trigger() 메서드와 유사합니다. 차이점은 이벤트의 기본 동작(예: 양식 제출)을 트리거하지 않고 일치하는 첫 번째 요소에만 영향을 미친다는 것입니다.

설명: 과 tigger()의 차이점은 이벤트의 기본 동작(예: 양식 제출)을 발생시키지 않는다는 것입니다. Trigger()는 jQuery 객체와 일치하는 모든 요소에서 작동하지만 .triggerHandler()는 첫 번째로 일치하는 요소에만 영향을 미칩니다. .triggerHandler()에 의해 생성된 이벤트는 대상 요소가 이벤트를 직접 처리하지 않으면 DOM 트리에 버블링되지 않으며 아무 일도 일어나지 않습니다. 이 메소드는 체인 가능한 jQuery 객체가 아닌 이벤트 처리 함수의 반환 값을 반환합니다. 또한 핸들러가 트리거되지 않으면 이 메서드는 정의되지 않음을 반환합니다.

트리거 이벤트: 선택한 요소에 의해 트리거될 이벤트를 지정합니다.

구문: ​​$(selector).triggerHandler(event,[param1,param2,...]

매개변수:

필수 항목을 지정합니다. [param1,param2,...]선택 사항

jquery TriggerHandler() 메서드예

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").select(function(){
    $("input").after("发生 Input select 事件！");
  });
  $("button").click(function(){
    $("input").triggerHandler("select");
  });
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Hello World" />
<br />
<button>激活 input 域的 select 事件</button>
<p>请注意，与 trigger() 方法不同，triggerHandler() 方法不会引起所发生事件的默认行为（文本不会被选中）。</p>
</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

집

비디오

Q&A

매개변수 Description
event