无涯教程-jQuery - triggerHandler( event, data )方法函数

news/2024/7/7 18:59:50

triggerHandler(event,[data])方法触发元素(用于特定事件类型)上所有绑定的事件处理程序,而无需执行浏览器的默认操作,冒泡或实时事件。

triggerHandler( event, [data] ) - 语法

selector.triggerHandler( event, [data] )

这是此方法使用的所有参数的描述-

  • event    -  要触发的事件对象或类型。

  • data     -  这是一个可选参数,表示要作为参数(在事件对象之后)传递到事件处理程序的其他数据。 

triggerHandler( event, [data] ) - 示例

以下是一个简单的示例,简单说明了此方法的用法-

<html>
   <head>
      <title>The jQuery Example</title>
      <script type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {

            $("#old").click(function(){
               $("input").trigger("focus");
            });
      
            $("#new").click(function(){
               $("input").triggerHandler("focus");
            });
      
            $("input").focus(function(){
               $("<span>Focused!</span>").appendTo("body").fadeOut(1000);
            });
				
         });
      </script>
   </head>
	
   <body>
      <button id="old">.trigger("focus")</button>
      <button id="new">.triggerHandler("focus")</button><br/><br/>
		
      <input type="text" value="To Be Focused"/>
   </body>
</html>

这将产生以下输出-

jQuery 中的 triggerHandler( event, d - 无涯教程网无涯教程网提供triggerHandler(event,[data])方法触发元素(用于特定事件类型)上所有绑定的事件处理...https://www.learnfk.com/jquery/events-triggerhandler.html


http://lihuaxi.xjx100.cn/news/1380058.html

相关文章

互联网摸鱼日报(2023-07-27)

互联网摸鱼日报(2023-07-27) InfoQ 热门话题 支付宝资深安全专家马传雷&#xff08;岳立&#xff09;&#xff0c;确认担任QCon北京业务安全技术专题出品人 企业如何制定有效的多云策略来满足业务需求&#xff1f; 2023 AIGC 知识库 飞桨大模型分布式训练技术 如何用最新的…

LeetCode第 N 个泰波那契数 (认识动态规划)

认识动态规划 编写代码代码空间优化 链接: 第 N 个泰波那契数 编写代码 class Solution { public:int tribonacci(int n) {if(n 0){return 0;}else{if(n 1 || n 2)return 1;}vector<int> dp(n 1);dp[0] 0;dp[1] 1;dp[2] 1;for(int i 3;i < n;i){dp[i] dp[i-3]…

rust reborrow - 重借用

两个知识点: 第一:对于不可变借用&T,它的传递属于Copy语意。对于可变借用&mut T它的传递属于Move语意或reborrow。 第二:可变引用在同一个时刻只能拥有一个,但是有一个重借用(reborrow)的方式,可以让借用重新获得可变引用。 下面为reborrow的三种方式 明确写出…

对gpt的简单认识

1.gpt是什么&#xff1f; GPT&#xff08;Generative Pre-trained Transformer 生成式预训练Transformer模型&#xff09;是一种基于Transformer架构的预训练语言模型&#xff0c;由OpenAI开发。GPT模型以无监督学习的方式使用大规模语料库进行预训练&#xff0c;并具有生成文…

电商系统架构设计-从入门到精通教程

电商这个业务&#xff0c;和我们的生活息息相关。你可能对电商多少有一些了解&#xff0c;但是&#xff0c;即使是一个最小化的电商系统&#xff0c;它仍然非常复杂。 在这个系列的文章里&#xff0c;我们将一起以一个创业公司的 CTO 的视角&#xff0c;来设计一个最小化的电商…

java后端接口实现302跳转

正常来说&#xff0c;接口返回String是"redirect:"url或者“r:”url就能实现前端接收到返回后自动302.但是我在自己的一个项目中这么写了之后发现返回的是纯字符串&#xff0c;很奇怪。 最后发现&#xff0c;如果你的controller层有RestController注解&#xff0c;那…

flask中的cookies介绍

flask中的cookies介绍 “Cookie” 在 web 开发中是一种非常重要的技术&#xff0c;用于在客户端&#xff08;即用户的浏览器&#xff09;存储信息&#xff0c;以便在多个页面和多个访问会话之间保持状态。Cookies 通常用于记住用户的登录信息&#xff0c;跟踪用户在站点上的浏…

用VMware给运行在VMware上的CentOS7生成一个以SSH方式连接VMware上的CentOS7的运行在Windows上的命令行窗口

2023年7月27日&#xff0c;周四早上 目录 一个发现生成方法如果上面的方法连接失败&#xff0c;就采取这个方法 一个发现 今天早上无意间发现VMware可以生成一个以SSH方式连接着CentOS7的Windows命令行窗口&#xff0c; 这样做可以带来一定的便利性 &#xff1a; 方便复制、…