• 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> 
  • 相关阅读:
    测试用例模板和编写目的
    使用AndroidStudio配置码云时,提醒following remotes are already on gitee git
    win10操作系统查看电池损耗,电池使用时间
    windows技巧03----win的一些组合键
    windows技巧02---------输入特殊字符
    windows技巧01------------记事本默认保存修改时间
    word2010如何让第一页不显示页码
    docker镜像管理基础
    docker基础用法
    SaltStack进阶
  • 原文地址:https://www.cnblogs.com/jj81/p/9874849.html
Copyright © 2020-2023  润新知