jQuery triggerHandler() 方法

实例

触发 <input> 元素的 select 事件:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("input").select(function(){
  8. $("input").after(" Select event triggered!");
  9. });
  10. $("button").click(function(){
  11. $("input").triggerHandler("select");
  12. });
  13. });
  14. </script>
  15. </head>
  16. <body>
  17. <input type="text" value="Hello World"><br><br>
  18. <button>触发输入框的 select 事件</button>
  19. <p>请注意,与 trigger() 方法不同,triggerHandler() 方法不会导致事件的默认行为发生(文本未标记)。</p>
  20. </body>
  21. </html>

定义与用法

triggerHandler() 方法触发所选元素的指定事件。

此方法与 trigger() 方法类似,只是 trigger() 也会触发事件的默认行为(如表单提交)。


语法

  1. $(selector).triggerHandler(event,param1,param2,...)
参数描述
event必填。指定要为指定元素触发的事件
param1,param2,…可选。要传递给事件处理程序的附加参数。
附加参数对于自定义事件特别有用

更多实例

将其他参数传递给自定义事件

演示 trigger() 与 triggerHandler() 方法的不同点

分类导航