jstrigger（）⽅法的⽤法：
trigger() ⽅法触发被选元素上指定的事件以及事件的默认⾏为（⽐如表单的提交）。
该⽅法与 triggerHandler() ⽅法类似，不同的是 triggerHandler() 不触发事件的默认⾏为。
与 triggerHandler() ⽅法相⽐的不同之处:
1. 它不会引起事件（⽐如表单提交）的默认⾏为
2. .trigger() 会操作 jQuery 对象匹配的所有元素，⽽ .triggerHandler() 只影响第⼀个匹配元素。
3. 由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡；如果⽬标元素不直接处理它们，则不会发⽣任何事情。下边是测试⽤例：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>triggerHandler demo</title>
<script src="cdn.static.runoob/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
<body>
<button id="old">.trigger( "focus" )</button>
<button id="new">.triggerHandler( "focus" )</button><br><br>
<p>执⾏ .trigger 后 input 输⼊框⾃动获取焦点，触发事件的默认⾏为，⽽ .triggerHandler 仅仅
执⾏了指定的事件浏览器并未执⾏动作，输⼊框也没有获取焦点。</p>
<input type="text"value="将获取焦点"><br>
<input type="text"value="将获取焦点"><br>
<input type="text"value="将获取焦点"><br>
js方法
<script>
$( "#old" ).click(function() {
$( "input" ).trigger( "focus" );
});
$( "#new" ).click(function() {
$( "input" ).triggerHandler( "focus" );
});
$( "input" ).focus(function() {
//$( "<span>获取焦点!</span>" ).appendTo( "body" ).fadeOut( 1000 );
$(this).css('border-color','red')
});
</script>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。