jQuery 事件 - triggerHandler() 与trigger() 方法_triggerhandle与trigger-优快云博客

本文详细对比了jQuery中的triggerHandler()和trigger()方法的区别，包括触发事件的方式、是否触发默认行为、影响范围及返回值等关键信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery 事件 - triggerHandler() 与trigger() 方法

转自：http://www.w3school.com.cn/jquery/event_triggerhandler.asp

triggerHandler() 方法触发被选元素的指定事件类型。但不会执行浏览器默认动作，也不会产生事件冒泡。

triggerHandler() 方法与 trigger() 方法类似。不同的是它不会触发事件（比如表单提交）的默认行为，而且只影响第一个匹配元素。

与 trigger() 方法相比的不同之处

它不会引起事件（比如表单提交）的默认行为
.trigger() 会操作 jQuery 对象匹配的所有元素，而 .triggerHandler() 只影响第一个匹配元素。
由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡；如果目标元素不直接处理它们，则不会发生任何事情。
该方法的返回的是事件处理函数的返回值，而不是具有可链性的 jQuery 对象。此外，如果没有处理程序被触发，则这个方法返回 undefined。

实例:

triggerHandler()方法：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").select(function(){
    $("input").after("发生 Input select 事件！");
  });
  $("button").click(function(){
    $("input").triggerHandler("select");
  });
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Hello World" />
<br />
<button>激活 input 域的 select 事件</button>
<p>请注意，与 trigger() 方法不同，triggerHandler() 方法不会引起所发生事件的默认行为（在本例中，input标签的内容文本是不会被选中的，而是用triggle方法则会触发浏览器的默认行为，导致input标签的内容文本会被选中）。</p>
</body>
</html>

trigger() 方法

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").select(function(){
    $("input").after("文本被选中！");
  });
  $("button").click(function(){
    $("input").trigger("select");
  });
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Hello World" />
<br />
<button>激活 input 域的 select 事件</button>
</body>
</html>

结果：
triggerHandler() 方法实例的 input标签的内容文本是不会被选中的，而是用triggle方法则会触发浏览器的默认行为，导致input标签的内容文本会被选中