zoukankan      html  css  js  c++  java
  • 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> 
  • 相关阅读:
    scala-隐式转换
    scala-泛型
    scala-模式匹配
    scala-LinkedList
    scala-高阶函数
    scala-数组/列表
    scala-map
    scala语法
    机器学习笔记
    Day 1 下午
  • 原文地址:https://www.cnblogs.com/jj81/p/9874849.html
Copyright © 2011-2022 走看看