trigger()和triggerHandler的区别

2024-09-05

jquery的trigger和triggerHandler区别

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

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就不会导

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

trigger()和triggerHandler的区别

热门专题