trigger和triggerhandler的区别

1. trigger会触发默认行为2. trigger会触发所有元素的模拟事件,而triggerHandler只触发一次3. trigger可以链式操作,triggerHandler不能4. trigger会冒泡而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就不会导…

jquery的trigger和triggerHandler区别

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

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()注册的自定义事件而不限于浏览器默认事件. 事件处理函数会收到一个修复的(规范化的)事件对象,但这个对象没有特定浏览器才有的属性,比…

trigger 和 triggerHandler()，自定义事件

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

jQuery中的trigger和triggerhandler区别

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

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> <…

trigger()和triggerHandler()

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

Trigger Before 与 After 区别

用户在使用trigger时,经常会面临before or after的选择问题.二者有什么区别?从字面理解,before trigger 是在触发操作完成之前完成,而after 是在触发操作完成之后完成.显然,before触发器(针对insert和update操作)可以修改NEW的值.如果需要修改NEW值的时候,就使用before,其余场景一律使用after. 一.例子:所有trigger都可取到OLD 和 NEW值 create table t1(id integer,name varchar…

jQuery triger与trigerHandler的区别

trigger(event, [data]) 与 triggerHandler(event, [data]) 都是用于触发一个事件. 其两者的区别在于,如果触发的事件是有浏览器默认行为的,trigger会触发浏览器默认行为,而triggerHandler不会. 简单来说,如果你要触发一个Form表单的submit事件.那么使用trigger,表单也会提交.而使用triggerHandler表单是不会提交的. 当然,如果你触发的是自己的自定义事件,都是没有浏览器默认行为的事件,那么两者效果其实一样…

FireFox下上传控件的显示问题

Chrome正常 FireFox显示不正常上传控件一直有个问题,就是样式问题,解决方法就是用一个大的背景层挡住,然后点大的背景层去触发上传控件的Click事件. Html: <span id="uploadImg3"> <div class="uploadImg-bg3"></div> //大的背景层遮挡 <h3 class="btncard3">请上头像图片</h3> <h…

jquery远程班备忘

基础第一课: 1. $(obj)获取的是一个集合,因此length最小是1, jquery,如果元素不存在,也不会报错,可通过$(obj).length<1就可以查看该元素是否存在. 2. attr和prop的区别 attr就是原生JS中的setAttribute.getAttribute方式,通过使用attr,因为可以获取到自定义属性和src.href中的具体值. 3.获取元素 <div class="color1 color2"></div> $('d…

【持续更新】JavaScript常见面试题整理

[重点提前说]这篇博客里的问题涉及到了了JS中常见的的基础知识点,也是面试中常见的一些问题,建议初入职场的园友Mark收藏,本文会持续更新~ 1. 引入JS的三种方式 1.在HTML标签中直接使用,直接内嵌JS(但是不提倡使用): >>>不符合W3C关于内容和行为分离的要求: 2.在HTML页面中使用<scrip> </script>标签包裹JS代码: >>>script标签可以放到页面的各种位置: 3.引入外部的JS文件使用<script…

jQuery的event事件

1.冒泡和默认行为 <div class="aa"> <div class="bb"> <div class="cc"> <em> <strong> 冒泡测试3 </strong> </em> </div> </div> </div> <div> <form action="http://www.ba…

js进阶 12-14 jquery的事件触发函数是哪两个

js进阶 12-14 jquery的事件触发函数是哪两个一.总结一句话总结:trigger和triggerHandler 1.trigger传额外参数时候的注意事项是什么? 注意样例中是三个参数 1.传的参数写在trigger的第二个参数2.如果要传多个参数,用数组方式 31 //trigger的额外数据 32 //多条数据时候需要放到[]中 33 $('#btn1').on('click', 34 300,function(e,data1,data2){ 35 alert('trigger…

显示层封装及实现与优化（无动画+css3动画+js动画）

showhide.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>showhide</title> <link rel="stylesheet" href="../css/base.css"> <style> body{ width…

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 (五) 事件与事件对象

本系列文章导航从零开始学习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使用方法

使用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,则…

jquery 使用方法(转)

原文: http://www.cnblogs.com/Chenfengtao/archive/2012/01/12/2320490.html jQuery是目前使用最广泛的javascript函数库.据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库.对于网页开发者来说,学会jQuery是必要的.因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果. 一.选择网页元素jQuery…

JQuery小结

一.选择网页元素 jQuery的基本设计和主要用法,就是"选择某个网页元素,然后对其进行某种操作".这是它区别于其他函数库的根本特点. 使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素.选择表达式可以是CSS选择器: $(document)//选择整个文档对象 $('#myId')//选择ID为myId的网页元素 $('div.myClass')//选择class为myClass的div元素 $('input[name=…

jQuery官方基础教程笔记(转载)

本文转载于阮一峰的博文,内容基础,结构清晰,是jquery入门不可多得的资料,非常好,赞一个. 阮一峰:jQuery官方基础教程笔记 jQuery是目前使用最广泛的javascript函数库. 据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库. 对于网页开发者来说,学会jQuery是必要的.因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果. 虽然jQuery上手简单,比其他…

jquery---基本标签

你觉得 jquery 有哪些好处? jQuery 是轻量级的 javascript 框架强大的选择器出色的 DOM 操作的封装可靠的事件处理机制完善的 ajax 封装出色的浏览器的兼容性支持链式操作,隐式迭代支持丰富的插件 jquery 的文档也非常的丰富 jquery 对象和 dom 对象如何转换? 1. jquery 转 DOM 对象:jQuery 对象是一个数组对象,可以通过[index]的丰富得到 DOM 对象还可以通过 get[index]去得到相应的 DOM 对象.2.…

【trigger和triggerhandler的区别】的更多相关文章