jquery的trigger和triggerHandler的区别示例介绍_CSS学习

资料来源：网络整理时间：2023/3/4 5:46:18 共计：3597 浏览

jquery的trigger和triggerHandler的区别示例介绍？

返回值:jquerytriggerHandler(type, [data])概述这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作，也不会产生事件冒泡。这个方法的行为表现与trigger类似，但有以下三个主要区别：* 第一，他不会触发浏览器默认事件。* 第二，只触发jQuery对象集合中第一个元素的事件处理函数。* 第三，这个方法的返回的是事件处理函数的返回值，而不是据有可链性的jQuery对象。此外，如果最开始的jQuery对象集合为空，则这个方法返回 undefined 。参数typeString要触发的事件类型data (可选)Array(可选)传递给事件处理函数的附加参数示例描述:如果你对一个focus事件执行了 .triggerHandler() ，浏览器默认动作将不会被触发，只会触发你绑定的动作。HTML 代码:jQuery 代码:$("#old").click(function(){ $("input").trigger("focus");});$("#new").click(function(){ $("input").triggerHandler("focus");});$("input").focus(function(){ $("Focused!").appendTo("body").fadeOut(1000);});返回值:jQuerytrigger(type, [data])概述在每一个匹配的元素上触发某类事件。这个函数也会导致浏览器同名的默认行为的执行。比如，如果用trigger()触发一个'submit'，则同样会导致浏览器提交表单。如果要阻止这种默认行为，应返回false。你也可以触发由bind()注册的自定义事件而不限于浏览器默认事件。事件处理函数会收到一个修复的(规范化的)事件对象，但这个对象没有特定浏览器才有的属性，比如keyCode。jQuery也支持命名空间事件。这允许你触发或者解除绑定一组特定的事件处理函数，而无需一一个指定。你可以在事件类型后面加上感叹号 ! 来只触发那些没有命名空间的事件处理函数。jQuery 1.3中新增：所有触发的事件现在会冒泡到DOM树上了。举例来说，如果你在一个段落p上触发一个事件，他首先会在这个元素上触发，其次到父元素，在到父元素的父元素，直到触发到document对象。这个事件对象有一个 .target 属性指向最开始触发这个事件的元素。你可以用 stopPropagation() 来阻止事件冒泡，或者在事件处理函数中返回false即可。事件对象构造器现在已经公开，并且你可以自行创建一个事件对象。这个事件对象可以直接传递给trigger所触发的事件处理函数。事件对象的完整属性列表可以在 jQuery.Event 的文档里找到。你可以有三种方式指定事件类型：* 你可以传递字符串型的事件名称(type参数)。* 你可以使用jQuery.Event对象。可以将数据放进这个对象，并且这个对象可以被触发的事件处理函数获取到。* 最后，你可以传递一个带有数据的字面量对象。他将被复制到真正的jQuery.Event对象上去。注意在这种情况下你必须指定一个 type 属性。参数typeString,Event,Object一个事件对象或者要触发的事件类型data (可选)Array(可选)传递给事件处理函数的附加参数示例描述:提交第一个表单，但不用submit()jQuery 代码:$("form:first").trigger("submit")描述:给一个事件传递参数jQuery 代码:$("p").click( function (event, a, b) { // 一个普通的点击事件时，a和b是undefined类型 // 如果用下面的语句触发，那么a指向"foo",而b指向"bar"} ).trigger("click", ["foo", "bar"]);描述:下面的代码可以显示一个"Hello World"jQuery 代码:$("p").bind("myEvent", function (event, message1, message2) { alert(message1 + ' ' + message2);});$("p").trigger("myEvent", ["Hello","World!"]);

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：用什么软件比较好_CSS学习 | ·下一条：8的商品条码_CSS学习