关于jQuery中的trigger和triggerHandler方法的使用

最新推荐文章于 2021-05-17 13:03:03 发布
最新推荐文章于 2021-05-17 13:03:03 发布
阅读量137 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/101102
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>设计器</title>
	<script name="systemJs" type="text/javascript" src="../../zhuant-design/js/jquery-1.11.3.min.js"></script>
</head>
<body>
	<button id="old">.trigger("focus")</button>
    <button id="new">.triggerHandler("focus")</button><br/><br/>
    <input type="text" value="To Be Focused"/>
	
	<br>
	<span id="content">这是内容</span>
    <ul>
	    <li>test1</li>
		<li>test1</li>
		<li>test1</li>
	</ul>
	
	
	<script type="text/javascript">
		$("#old").click(function(){
		  $("input").trigger("focus");
		});
		$("#new").click(function(){
		  $("input").triggerHandler("focus");
		});
		$("input").focus(function(){
		  $("<span>Focused!</span>").appendTo("body").fadeOut(1000);
		});
		
		
		$("li").click(function(){
		    $("#content").triggerHandler("getContent");
		});
		$("#content").bind("getContent",function(){
		     alert($(this).text());
		});
	</script>
</body>
</html>

weixin_34149796
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery的trigger和triggerHandler
weixin_33826268的博客
03-16 78
一、trigger()方法触发被选元素的指定事件类型 $("button").click(function(){ 　　$("input").trigger("select"); }) 语法 $(selector).trigger(event,[param1,param2,....]); 参数 event　　必需。规定指定元素要触发的事件。可以使用自定义事件（使用bin...
jquery trigger与triggerhandler的介绍
axl19530209的专栏
01-24 385
内容提要：jquery trigger与triggerhandler的介绍，trigger：在每一个匹配的元素上触发某类事件（即触发jquery对象集合中每一个元素）。 　　trigger： 　　在每一个匹配的元素上触发某类事件（即触发jquery对象集合中每一个元素）。 　　这个函数也会导致浏览器同名的默认行为的执行。比如，如果用trigger()触发一个"submit"，则同样会导致
jQuery的 trigger()与triggerHandler()方法
as66t的专栏
05-14 1231
jQuery的 trigger()方法能触发相应元素的指定事件，而triggerHandler()方法直接使指定的事件发生（不触发事件本身）。 例如指定‘select’事件时，trigger(‘select’)使得元素内容被select（随后自然触发为select绑定的事件）,riggerHandler('select')直接使为元素指定的select事件发生，但不会执行浏览器默认动作，也不会产
jQuery中的.trigger()和.triggerHandler()
hhthwx的博客
11-01 520
.trigger()和.triggerHandler()都是模拟用户行为的方法triggerHandler()在继承trigger()方法功能的基础上添加了一些功能和限制，两者的用法一致；例如：//.trigger() $('div').click(function(){ alert("trigger"); }).trigger('click');//.triggerHandler() $('
jQuery triggerHandler
weixin_30527323的博客
02-20 81
jQuery triggerHandler — 触发指定事件类型上所有绑定triggerHandler(type,[data]) 这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作，也不会产生事件冒泡。这个方法的行为表现与trigger类似，但有以下三个主要区别： * 第一，他不会触发浏览器默认事件。 * 第二，只触发jQuery对象集...
jquery的trigger和triggerHandler的区别示例介绍
10-26
本文重点介绍了jQuery框架中两个非常重要的方法——trigger和triggerHandler的区别，并通过示例代码来演示它们的不同行为。在JavaScript开发中，事件处理是不可或缺的一部分。jQuery作为流行的前端框架，为我们提供...
jQuery中triggerHandler()方法用法实例
12-10
本文实例讲述了jQuery中triggerHandler()方法用法。分享给大家供大家参考。具体分析如下： 此方法触发被选元素的指定事件类型。 从上面定义可以看出此方法和trigger()方法功能上很类似，但还是有巨大区别。以下是...
jQuery中值得注意的trigger方法浅析
10-20
本文将深入探讨`trigger`方法的核心功能、常见用法以及如何与其他jQuery方法结合使用。 `trigger`方法的基本用法是通过指定事件类型来触发该事件。例如，`trigger('click')`会模拟一次点击事件。它的基本语法结构...
jQuery 事件 - triggerHandler() 方法
weixin_34085658的博客
08-04 186
定义和用法 triggerHandler() 方法触发被选元素的指定事件类型。但不会执行浏览器默认动作，也不会产生事件冒泡。 triggerHandler() 方法与 trigger() 方法类似。不同的是它不会触发事件（比如表单提交）的默认行为，而且只影响第一个匹配元素。 与 trigger() 方法相比的不同之处 triggerHandler()不会触发执行元素的默认行为(例如链接click...
jQuery triger与trigerHandler的区别
ajwqb06628的专栏
04-22 213
jQuery triger与trigerHandler的区别 trigger(event, [data]) 与triggerHandler(event, [data]) 都是用于触发一个事件。 其两者的区别在于，如果触发的事件是有浏览器默认行为的，trigger...
Trigger和TriggerHandler区别
04-05
Trigger和TriggerHandler区别
深入学习jquery源码之trigger()与triggerHandler()
悦分享
12-22 530
深入学习jquery源码之trigger()与triggerHandler() trigger(type,[data]) 概述: 在每一个匹配的元素上触发某类事件。 这个函数也会导致浏览器同名的默认行为的执行。比如，如果用trigger()触发一个'submit'，则同样会导致浏览器提交表单。如果要阻止这种默认行为，应返回false。 你也可以触发由bind()注册的自定义事件而不限于浏...
jQuery：自动触发事件(trigger和triggerHandler)
weixin_46682277的博客
05-17 720
当给一个元素绑定好一个事件后，不需要触发该事件就会自动触发，我们有三种方式可以做。 第一种方式是元素.事件()。比如元素.click() 元素.mouseover()等； 第二种和第三种都是jQuery封装的方法：trigger()和triggerHandler()。 <div></div> <input type="text" name="" id=""> <script> $(function(){ // 只要文本框得到焦点 就写入文字：你好~ $("
jquery的trigger和triggerHandler区别
高山上的鱼
07-06 6850
jquery的trigger和triggerHandler区别
jquery中的trigger和triggerHandler区别
LongYummy的博客
05-23 517
trigger( event, [data] )在每一个匹配的元素上触发某类事件。这个函数也会导致浏览器同名的默认行为的执行。比如，如果用trigger()触发一个’submit’，则同样会导致浏览器提交表单。如果要阻止这种默认行为，应返回false。你也可以触发由bind()注册的自定义事件 $("p").click( function (event, a, b) { // 一个普通的点击事...
jQuery自定义事件-trigger() 与 triggerHandler()
Xiaoming's Blog
01-11 627
jQuery自定义事件-trigger() 与 triggerHandler() triggerHandler()：方法触发被选元素的指定事件类型。但不会执行浏览器默认动作，也不会产生事件冒泡。
jquery 自定义事件triggerhandler
jackyrongvip的专栏
07-01 814
在jquery中，可以使用triggerhandler来设计自定义事件，比如一般的事件： $('#id').on("click", function() {     alert("Item clicked"); } );   而对于自定义事件，一般期望能达到如下的效果： $('#id').on("test.says.hello", function() {     alert("Hel
jq中trigger和triggerHandler用法
YinghaoGuo的博客
06-09 4537
我们经常要在js中手动触发一些事件，比如控制点击某个按钮，通过按钮的click事件执行一些操作等等。 一般情况下我们使用js触发点击事件写法如下： $('#but').bind('click',function(){ $('#a_but').click(); //当点击#but时，触发#a_but的点击事件 }); 使用trigger触发点击事件的写法如下： $('#but'
JQuery手动触发事件API之：通过代码看清trigger与triggerHandler的差别
aty
01-31 6314
如果我们想手动触发click事件，最常见的做法是通过$("#button").click()来触发，这种做法姑且叫方式一吧。方式一触发事件有3个特点：1. 会产生事件冒泡2. 不会阻止事件在浏览器下的默认行为3. 触发事件的时候，不能传递自定义参数。trigger与triggerHandler的差别在于：1. trigger会触发事件冒泡，而triggerHandler则不会2.triggerHandler只触发jQuery对象集合中第一个元素的事件处理函数，而trigger则触发所有对象的事件处理函数3.
jQuery中文教程：选择器、事件与Ajax详解
jQuery提供了多种方法来匹配和选取节点，如`next()`, `prev()`, `siblings()`, `children()`, `parents()`等，帮助开发者更方便地在DOM树中导航。 ## 文本处理 jQuery允许操作元素的文本内容，包括`text()`, `html...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值