JQuery | trigger() 方法
trigger() 方法触发被选元素的指定事件类型。
语法格式:
trigger(type,[data])
type:触发事件类型
【data】:可选项,表示在触发事件时传递给函数的附加参数。
实例:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>其他事件trigger</title> 5 <script type="text/javascript" 6 src="Jscript/jquery-1.4.2-vsdoc.js"> 7 </script> 8 <script type="text/javascript" 9 src="Jscript/jquery-1.4.2.js"> 10 </script> 11 <style type="text/css"> 12 body{font-size:13px} 13 .txt{border:#666 1px solid;padding:3px} 14 </style> 15 <script type="text/javascript"> 16 $(function() { 17 var oTxt = $("#phone"); //获取文本框 18 oTxt.trigger("select"); //自动选中文本框 19 oTxt.bind("btn_Click", function() {//编写文本框自定义事件 20 var txt = $(this).val(); //获取自身内容 21 $("#divTip").html(txt); //显示在页面中 22 }) 23 oTxt.trigger("btn_Click"); //自动触发自定义事件 24 }) 25 </script> 26 </head> 27 <body> 28 <table> 29 <tr> 30 <td> 31 姓名:<input id="Text1" type="text" class="txt" value="陶国荣" /> 32 </td> 33 </tr> 34 <tr> 35 <td> 36 电话:<input id="phone" type="text" class="txt" value="123456789" /> 37 </td> 38 </tr> 39 <tr> 40 <td> 41 地址:<input id="address" type="text" class="txt" value="" /> 42 </td> 43 </tr> 44 </table> 45 46 <div id="divTip" style="padding-top:5px"></div> 47 </body> 48 </html>