>  기사  >  웹 프론트엔드  >  jquery의 Trigger와 TriggerHandler의 차이점에 대한 소개 예

jquery의 Trigger와 TriggerHandler의 차이점에 대한 소개 예

巴扎黑
巴扎黑원래의
2017-06-25 13:59:171081검색

이 글에서는 주로 jquery의 Trigger와 TriggerHandler의 차이점을 소개합니다.

trigger와 TriggerHandler는 모두 events를 시뮬레이션합니다.

코드는 다음과 같습니다.

<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>test</title> 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
</head> 
<body> 
<input type="checkbox" /> 
<input type="text" id="test"/> 
<input type="button" value="button" id="bnt" 
onclick
="bntClick()"/> 
</body> 
<script> 
$( 
document
 ).ready(function() { 
$("input[type=&#39;checkbox&#39;]").bind("click",function(){ 
$("#test").val("www.baidu.com"); 
}); 
}); 
function bntClick(){ 
$("input[type=&#39;checkbox&#39;]").trigger("click"); 
} 
</script> 
</html>

체크박스를 클릭하면 체크박스가 체크되고 input[type='text']에 www.baidu.com 값이 할당됩니다.
input[type='button']을 클릭하면 동일합니다. 체크박스를 클릭하는 것과 같은 일이 발생합니다
트리거를 TriggerHandler로 변경할 때 input[type='button']을 클릭하면 input[type='text']에만 값이 할당되고 체크박스는 선택되지 않습니다.
triggerHandler. 이벤트에 바인딩된 요소의 기본 동작을

방지합니다.

위 내용은 jquery의 Trigger와 TriggerHandler의 차이점에 대한 소개 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.