Jquery中trigger和triggerHandler的区别

最新推荐文章于 2020-11-15 14:01:30 发布
最新推荐文章于 2020-11-15 14:01:30 发布
阅读量771 收藏
点赞数 2
分类专栏： JavaScript
原文地址：Jquery中trigger和triggerHandler的区别 作者：IT徐胖子

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <style type="text/css">
       *
       {
           font-size: 12px;
       }
   </style>
   <title>Triggle与TriggleHandler</title>

   <script src="jquery-1.4.2.min.js"type="text/javascript"></script>

   <script type="text/javascript">
       $(function() {
           $("#txtContent").focus(function() {
               $("#dv").html($("#dv").html() + "focus被触发。");
           });

           $("#btnTrigger").click(function() {
               $("#txtContent").trigger('focus');
               return false;
           });

           $("#btnTriggerHandler").click(function() {
               $("#txtContent").triggerHandler('focus');
           });
       });
   </script>

</head>
<body>
   <form id="myForm" action="">
   <input type="text" id="txtContent" name="txtContent"size="20" />
   <input type="button" id="btnTriggerHandler"name="btnTriggerHandler" value="TriggerHandler"/>
   <input type="button" id="btnTrigger"name="btnTrigger" value="Trigger" />
   <div id="dv">
   </div>
   <p>
       ①使用Trigger时会先触发我们绑定的focus 事件，然后文本框会获得焦点，之后触发了浏览器默认的

        focus事件，所以trigger会有两次输出。<br />
       

       ②TriggerHandler 相对于 Trigger 只会触发我们绑定的focus，而不会触发浏览器的默认事件.所以

       只会有一次输出
   </p>
   </form>
</body>
</html>


GISQZC
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery手动触发事件API之：通过代码看清trigger与triggerHandler的差别
aty
01-31 6309
如果我们想手动触发click事件，最常见的做法是通过$("#button").click()来触发，这种做法姑且叫方式一吧。方式一触发事件有3个特点：1. 会产生事件冒泡2. 不会阻止事件在浏览器下的默认行为3. 触发事件的时候，不能传递自定义参数。trigger与triggerHandler的差别在于：1. trigger会触发事件冒泡，而triggerHandler则不会2.triggerHandler只触发jQuery对象集合中第一个元素的事件处理函数，而trigger则触发所有对象的事件处理函数3.
jquery的trigger和triggerHandler的区别示例介绍
10-26
主要介绍了jquery的trigger和triggerHandler的区别,需要的朋友可以参考下
用例子辨析trigger与triggerHandler区别
执念斩长河
06-07 722
本博文源于jQuery基础，本例子基于jQuery控制事件流。因此分清楚这两个函数的用法，将对我们掌握jQuery非常有帮助。点击trigger不仅触发文本框默认focus事件，而且还将文本框获得焦点。triggerHandle仅触发默认事件，却没获得焦点。这个细微差别，可以对比记忆。
trigger和triggerHandler的区别
weixin_48732879的博客
11-15 276
trigger: 会触发事件冒泡和默认行为 triggerHandler: 不会触发事件冒泡和默认行为
利用triggerHandler自动触发事件
前端那些事
06-27 555
trigger和triggerHandler的使用
THINK_OF_的博客
02-02 707
trigger: 1.可以用来触发事件. 1 input id="guoyansi" value="单击" type="button" /> 1 $(function(){ 2 $("#guoyansi").click(function(){ 3 alert("点我干嘛"); 4
jQuery中triggerHandler()方法用法实例
12-10
从上面定义可以看出此方法和trigger()方法功能上很类似，但还是有巨大区别。以下是主要区别: 1.此方法不会触发浏览器默认事件。 2.此方法触发jQuery对象集合中第一个元素的事件处理函数，不会产生事件冒泡。 3.此...
jQuery中值得注意的trigger方法浅析
10-20
在jQuery库中，`trigger`方法是一个非常实用的工具，它允许开发者在DOM元素上模拟各种事件，使得代码更加简洁高效。本文将深入探讨`trigger`方法的核心功能、常见用法以及如何与其他jQuery方法结合使用。 `trigger`...
tfw格式图解
weixin_33743248的博客
03-23 3073
TFW格式，是关于TIFF影像坐标信息的文本文件。其它影像格式的坐标信息描述文件与其格式是一样的，后缀名可能不同。（bmp-bpw/png-pgw/jpg-jpw） 话不多说，直接看图。 上图中的UV坐标，实际上只的是图像的 横向坐标 和 纵向坐标 。即图像的行和列坐标。  对于图上任意一个像素点(col,row)这个坐标，换算其地理坐标就十分简单。 GeoX = 1000.000 +...
jQuery triger与trigerHandler的区别
ajwqb06628的专栏
04-22 210
jQuery triger与trigerHandler的区别 trigger(event, [data]) 与triggerHandler(event, [data]) 都是用于触发一个事件。 其两者的区别在于，如果触发的事件是有浏览器默认行为的，trigger...
影像图TIFF和TFW文件在autocad中校准坐标的方法
01-22
影像图TIFF和TFW文件在autocad中校准坐标的方法
trigger与triggerHandler方法的区别
weixin_30377461的博客
01-24 418
trigger() 方法触发被选元素上指定的事件以及事件的默认行为（比如表单提交）。 该方法与 triggerHandler() 方法类似，不同的是 triggerHandler() 不触发事件的默认行为。 与 triggerHandler() 方法相比的不同之处: 它不会引起事件（比如表单提交）的默认行为 .trigger() 会操作 jQuery 对象匹配的所有元素，而 .trig...
TIFF World File (TFW)格式解析
yuvmen的专栏
07-14 7042
 TIFF World File (TFW)格式说明摘要：TFW文件包含相关的TIFF文件的空间参数（spatial reference）数据。本文详细描述了TFW文件中定义的参数。           概述       两个文件构成TFW格式。         ASCII 头文件       图象文件       图象文件为TIFF格式（未压缩）。       详细资料       TFW文件的
jquery中的trigger和triggerHandler区别
LongYummy的博客
05-23 514
trigger( event, [data] )在每一个匹配的元素上触发某类事件。这个函数也会导致浏览器同名的默认行为的执行。比如，如果用trigger()触发一个’submit’，则同样会导致浏览器提交表单。如果要阻止这种默认行为，应返回false。你也可以触发由bind()注册的自定义事件 $("p").click( function (event, a, b) { // 一个普通的点击事...
jquery的trigger和triggerHandler区别
我用键盘敲出一个世界
11-01 396
首先来说trigger的用法，我们先了解它的定义用法。 trigger() 方法触发被选元素上指定的事件以及事件的默认行为（比如表单提交）。 该方法与 triggerHandler() 方法类似，不同的是 triggerHandler() 不触发事件的默认行为。 比如说$("form .required:input").trigger("blur");找到form表单中input自动触发blu
JQ中 trigger()和triggerHandler()区别
weixin_30315905的博客
07-22 98
既然使用了trigger和triggerHandler，那么你应该了解了他们的差别了。 trigger():在每一个匹配的元素上触发某类事件。 triggerHandler():这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。 看似两个非常相似，但是表同里不同！ 下面就是他们之间的三大区别： 　　第一：trigger会导致浏览器同名的默认行为的执行，如：trigge...
JQuery 自动触发事件trigger和triggerHandler
大头之家
05-25 792
trigger() 方法触发被选元素上指定的事件以及事件的默认行为（比如表单提交）。 该方法与 triggerHandler() 方法类似，不同的是 triggerHandler() 不触发事件的默认行为。 与 triggerHandler() 方法相比的不同之处: 它不会引起事件（比如表单提交）的默认行为 .trigger() 会操作 jQuery 对象匹配的所有元素，而
jquery trigger() 和 triggerHandler()
zyz00000000的博客
01-02 177
jquery的trigger()和triggerHandler()的使用和深入理解
angular.js 中 btnElement.triggerHandler('click'); 不生效
最新发布
06-09
如果 `btnElement.triggerHandler('click')` 不生效，可能是因为你没有在 `$scope` 中定义 `myClickFunction` 函数或者你没有正确绑定 `myClickFunction` 函数到按钮的 `ng-click` 属性上。请确保以下步骤： 1. 在控制器中定义 `myClickFunction` 函数，例如： ```javascript $scope.myClickFunction = function() { console.log('Button clicked!'); } ``` 2. 在 HTML 中使用 `ng-click` 绑定 `myClickFunction` 函数到按钮上，例如： ```html <button ng-click="myClickFunction()">Click me!</button> ``` 3. 获取按钮元素并使用 `triggerHandler()` 方法触发 `click` 事件，例如： ```javascript // 获取按钮元素 var btnElement = angular.element(document.querySelector('button')); // 触发点击事件 btnElement.triggerHandler('click'); ``` 如果你仍然遇到问题，请检查控制台输出是否有错误信息或警告。可能是由于其他原因导致 `triggerHandler()` 方法不起作用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值