trigger() 和 triggerHandler() ;

2024-08-10

trigger 和 triggerHandler()，自定义事件

trigger 和 triggerHandler(),自定义事件语法: $(selector).trigger(event,[param1,param2,...]) 1,event 必需.规定指定元素要触发的事件. 2,[param1,param2,...] 可选.传递到事件处理程序的额外参数. 额外的参数对自定义事件特别有用. 可以使自定义事件(使用 bind() 函数来附加),或者任何标准事件. ======================== triggerHandler() 方法触发被

【jQuery】【转】jQuery中的trigger和triggerHandler区别

trigger(event, [data]) 在每一个匹配的元素上触发某类事件. 这个函数也会导致浏览器同名的默认行为的执行.比如,如果用trigger()触发一个'submit',则同样会导致浏览器提交表单.如果要阻止这种默认行为,应返回false. 你也可以触发由bind()注册的自定义事件 $("p").click( function (event, a, b) { // 一个普通的点击事件时,a和b是undefined类型 // 如果用下面的语句触发,那么a指向"fo

JQ中 trigger()和triggerHandler()区别

既然使用了trigger和triggerHandler,那么你应该了解了他们的差别了. trigger():在每一个匹配的元素上触发某类事件. triggerHandler():这个特别的方法将会触发指定的事件类型上所有绑定的处理函数. 看似两个非常相似,但是表同里不同! 下面就是他们之间的三大区别: 第一:trigger会导致浏览器同名的默认行为的执行,如:trigger('submit');不但会执行submit()函数的效果,也会执行表单提交的效果: 而triggerHandler就不会导

trigger和triggerHandler的使用

今天琢磨了好久这个trigger和triggerHandler的用法.在网上搜了好多,不过大都是相互抄袭,毛意思都没有.后来自己做了研究. trigger: 1.可以用来触发事件. <input id="guoyansi" value="单击" type="button" /> $(function(){ $("#guoyansi").click(function(){ alert("点我干嘛"

Jquery trigger 与 triggerHandler

secying Jquery trigger与triggerHandler trigger: 在每一个匹配的元素上触发某类事件(即触发jQuery对象集合中每一个元素). 这个函数也会导致浏览器同名的默认行为的执行.比如,如果用trigger()触发一个'submit',则同样会导致浏览器提交表单.如果要阻止这种默认行为,应返回false. 你也可以触发由bind()注册的自定义事件而不限于浏览器默认事件. 事件处理函数会收到一个修复的(规范化的)事件对象,但这个对象没有特定浏览器才有的属性,比

jquery的trigger和triggerHandler区别

网上关于这个问题都是抄来抄去的,都没怎么说清楚.所以自己做了个测试,供大家参考指教.首先先看API怎么说的为了检验一下,编写了一个简单的测试代码,如下: <html lang="en"> <head> <meta charset="utf-8"> <title>jquery的trigger和triggerHandler区别</title> <script src="http://code.

trigger()和triggerHandler()

trigger()方法触发事件后,还会执行浏览器的默认事件,例如: $('input').trigger("focus); 这一行代码不仅会触发为<input>元素绑定的focus事件,也会使<input>元素本身得到焦点(这是浏览器的默认操作). 如果只想触发绑定的focus事件,而不想执行浏览器默认操作,可以使用jquery中另一个类似的方法---triggerHandler() $("input").triggerHandler("

jQuery中的trigger和triggerhandler区别

$("form :input").blur(function(){ // }).keyup(function(){ $(this).triggerHandler("blur"); }).focus(function(){ $(this).triggerHandler("blur"); }); $(".sub").click(function(){ $(":input.required").trigger(&

trigger和triggerhandler的区别

1. trigger会触发默认行为2. trigger会触发所有元素的模拟事件,而triggerHandler只触发一次3. trigger可以链式操作,triggerHandler不能4. trigger会冒泡而triggerHandler不会

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

<!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.

JQuery中事件one、bind、unbind、live、delegate、on、off、trigger、triggerHandler的各种使用区别

JQuery事件one,支持参数 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery事件one,支持参数</title> <

AngularJS中如何使用trigger报错$digest already in progress

今天在使用trigger事件碰到问题: 例如我有两个按钮,button1和button2,在button2绑定了ng-click事件,现在想点击button1从而触发button2的ng-click事件. 代码中我直接用 angular.element(button2).triggerHandler('click'); 控制台报错: Error: [$rootScope:inprog] $digest already in progress 这是为什么呢?代码中我没有apply啊!网上查阅后在s

解密jQuery事件核心 - 自定义设计（三）

接上文http://www.cnblogs.com/aaronjs/p/3447483.html 本文重点:自定义事件 “通过事件机制,可以将类设计为独立的模块,通过事件对外通信,提高了程序的开发效率.” 对象之间通过直接方法调用来交互 1)对象A直接调用对象B的某个方法,实现交互:直接方法调用本质上也是属于一种特殊的发送与接受消息,它把发送消息和接收消息合并为一个动作完成: 方法调用方和被调用方被紧密耦合在一起:因为发送消息和接收消息是在一个动作内完成,所以无法做到消息的异步发送和接收: 2)

jQuery之on

在jQuery1.9版本中,已经去掉了live和delegate方法,从而将on方法的地位进一步提升. jQuery如此推崇on方法,必有其牛逼的地方.那么我们就有必要了解这个on,并在代码中利用它,从而优化代码和提高性能. 一.on之基本使用方法注:在jQuery1.7后,on方法就可以全面绑定任何事件了. .on( events [,selector] [,data] ,handler) event:为事件类型,可以有多个事件类型. selector:可选,过滤绑定在on方法上的后代元素.

从零开始学习jQuery (五) 事件与事件对象

本系列文章导航从零开始学习jQuery (五) 事件与事件对象一.摘要事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解. 二.前言本篇文章是至今为止本系列内容最多的一篇, 足以可见其重要性. 大家反映要多列举示例. 我会在时间允许的情况下尽量多列举示例. 真正的投入生产使用的实例暂时还无法加入到文章中, 但是可能最后我会列举一些作品供大家借鉴. 另外本人水平有限, 因为我不是UI设计师. 文章可能有错误的地方,

jquery 使用方法

jQuery是目前使用最广泛的javascript函数库.据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库.对于网页开发者来说,学会jQuery是必要的.因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果. 一.选择网页元素jQuery的基本设计和主要用法,就是"选择某个网页元素,然后对其进行某种操作".这是它区别于其他函数库的根本特点. 使用jQuery的第一

jQuery入门（3）事件与事件对象

jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应用一.事件与事件对象首先看一下我们经常使用的添加事件的方式: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t

jQuery事件总结

blur() 触发或绑定blur事件.$("input").blur(function(){ $("input").css("background-color","#D6D6FF");}); change() 触发或绑定change事件, 该事件仅适用于文本域(text field),以及 textarea 和 select 元素.$(".field").change(function(){ $(this)

jQuery使用方法

使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素. 选择表达式可以是CSS选择器: 1 $(document)//选择整个文档对象2 $('#myId')//选择ID为myId的网页元素 3 $('div.myClass')//选择class为myClass的div元素 4 $('input[name=first]')//选择name属性等于first的input元素也可以是jQuery特有的表达式: 1 $('a:first'

jQuery源码解读-事件分析

最原始的事件注册 addEventListener方法大家应该都很熟悉,它是Html元素注册事件最原始的方法.先看下addEventListener方法签名: element.addEventListener(event, function, useCapture) event:事件名,例如“click”,这里要提醒的一点是不要加前缀“on”; function:事件触发时执行的函数; userCapture:默认为false,表示event事件在冒泡阶段触发.如果设置为true,则

trigger() 和 triggerHandler() ;

热门专题