triggerHandler()는 모든 요소

Question

후속 w3schools

triggerHandler() 메소드는 트리거() 방법과 유사한 정합에 영향을 미친다. 단, 양식 제출과 같은 이벤트의 기본 동작을 트리거하지 않으며 은 첫 번째로 일치하는 요소에만 영향을줍니다.

는하지만이 입력 태그를 테스트하고

$("input").triggerHandler("select");

다음 둘 다 영향을 사용합니다. 여기에 내 코드입니다 :

HTML :

<input type="text" name="FirstName" value="Hello World" /> 
<input type="text" name="FirstName" value="Hello" /> 

자바 스크립트 :

$(document).ready(function(){ 
    $("input").select(function(){ 
    $("input").after(" Input select event occured!"); 
    }); 
    $("button").click(function(){ 
    $("input").triggerHandler("select"); 
    }); 
}); 

Live Copy on jsFiddle

Answer 1

이벤트는 첫 번째 요소에 트리거되고있다. 그렇게되면 코드는하지만, 이 라인을 출력한다 :

$("input").after(" Input select event occured!"); 

그 라인을 번 을 실행 일치하는 모든 input 요소 후 텍스트를 추가합니다. 일치하는 요소가 두 개 있기 때문에 이벤트가 첫 번째 요소에 대해서만 실행되었지만 두 번 째 선이 표시됩니다.

그냥

$(this).after(" Input select event occured!"); 

에 하나 줄을 변경 ... 그리고 당신은 단지 이벤트가 트리거 된 된 요소 뒤에 추가 출력을 볼 수 있습니다. Live Copy, 위의 변경 및 페이지에서 MooTools 포함 옵션을 제거하십시오.