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> 

 

posted @ 2018-10-30 09:18  听说这是最长的名字了  阅读(789)  评论(0编辑  收藏  举报