jQuery trigger() 方法

实例

触发 <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(" Text marked!");
  9. });
  10. $("button").click(function(){
  11. $("input").trigger("select");
  12. });
  13. });
  14. </script>
  15. </head>
  16. <body>
  17. <input type="text" value="Hello World"><br><br>
  18. <button>触发输入框的 select 事件</button>
  19. </body>
  20. </html>

定义与用法

trigger() 方法触发所选元素的指定事件和事件的默认行为(如表单提交)。

此方法与 triggerHandler() 方法类似,只是 triggerHandler() 不会触发事件的默认行为。


语法

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

更多实例

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

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

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

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

分类导航