trigger 와 triggerHandler 차이 2 JQuery2019. 3. 28. 21:51
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<script src="js/jquery.js"></script>
</head>
<body>
<input type="text" />
<input type="text" />
<input type="text" />
<button>triggerHandler</button>
<button>trigger</button>
<script>
/*
trigger 와 triggerHandler의 차이는 예제소스의 버튼을 클릭해보면 차이를 알수 있다.
trigger 버튼을 클릭하면 전체 input박스에 css가 적용되고, 마지막input에 커서가 깜빡일것이다.
triggerHandler 버튼은??
- 이벤트의 기본 동작은 발생시키지 않고 핸들러함수만 실행한다. (즉, focus기본이벤트(커서깜빡임 이벤트는 발 생되지 않는다.))
- jQuery확장집합에서 첫번째 요소만 적용된다.
*/
$("input[type='text']").focus(function(event) {
$(this).css("background", "red");
});
$("button:eq(0)").click(function() {
$("input[type='text']").triggerHandler("focus");
});
$("button:eq(1)").click(function() {
$("input[type='text']").trigger("focus");
});
</script>
</body>
</html>
'JQuery' 카테고리의 다른 글
| trigger 와 triggerHandler 차이 1 (0) | 2019.03.28 |
|---|
