定义和用法
trigger() 方法触发被选元素的指定事件类型。
触发事件
规定被选元素要触发的事件。
语法
$(selector).trigger(event,[param1,param2,...])
参数 | 描述 |
---|---|
event | 必需。规定指定元素要触发的事件。 可以使自定义事件(使用 bind() 函数来附加),或者任何标准事件。 |
[param1,param2,...] | 可选。传递到事件处理程序的额外参数。 额外的参数对自定义事件特别有用。 |
使用 Event 对象来触发事件
规定使用事件对象的被选元素要触发的事件。
语法
$(selector).trigger(eventObj)
参数 | 描述 |
---|---|
eventObj | 必需。规定事件发生时运行的函数。 |
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#button1').click(function(){ alert('button1'); $('#button2').trigger('click'); //点击1的时候,触发2 }); $('#button2').click(function(){ alert('button2'); $("#button3").trigger("myEvent", ["Hello","World!"]); }); $("#button3").bind("myEvent", function (event, message1, message2) { //自定议事件myevent alert(message1 + ' ' + message2); }); }); </script> </head> <body style="text-align:center;"> <div style="margin-top:130px;"> <button id='button1'>click1</button> <button id='button2'>click2</button> <button id='button3'>click3</button> </div> </body> </html>