trigger 와 triggerHandler 차이 1

두 함수는 비슷하게 생겼지만 아주 다른 동작을 보여줍니다.

 

trigger() 함수는 input에 포커스가 들어가면서 텍스트가 나타납니다.

하지만 triggerHandler() 함수는 input에 포커스가 들어가지는 않고 텍스트만 나타나게 됩니다.

 

둘다 input에 focus() 이벤트를 호출하여 실행시키고 있지만 triggerHandler() 함수로 호출된 focus() 함수는 실행되지 않았네요. 두 함수의 차이점을 잘 인식하고 계셔야 겠네요.

 

[ Example ]

 

<button id="old">.trigger("focus")</button>

<button id="new">.triggerHandler("focus")</button><br/><br/>

<input type="text" value="To Be Focused"/>

 

<script>

$("#old").click(function(){

    $("input").trigger("focus");

});

 

$("#new").click(function(){

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

});

 

$("input").focus(function(){

    $("<span>Focused!</span>").appendTo("body").fadeOut(1000);

});

</script>