jquery的trigger和triggerHandler的区别示例介绍
程序员文章站
2024-02-14 22:25:16
...
这篇文章主要介绍了jquery的trigger和triggerHandler的区别,需要的朋友可以参考下
trigger 和triggerHandler都是模拟事件发生的 用具体的案例来描述一下区别
代码如下:
<html lang="en"> <head> <meta charset="utf-8"> <title>test</title> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <input type="checkbox" /> <input type="text" id="test"/> <input type="button" value="button" id="bnt" onclick ="bntClick()"/> </body> <script> $( document ).ready(function() { $("input[type='checkbox']").bind("click",function(){ $("#test").val("www.baidu.com"); }); }); function bntClick(){ $("input[type='checkbox']").trigger("click"); } </script> </html>
当点击 checkbox的时候 checkbox勾上 并将input[type='text']赋值www.baidu.com
当点击 input[type='button'] 的时候 就会发生跟点击checkbox同样的事情
将trigger换成triggerHandler时候 当点击 input[type='button'] 的时候 就只会给input[type='text']赋值 而不会勾选checkbox
triggerHandler 阻止了 绑定事件的元素的默认行为
以上就是jquery的trigger和triggerHandler的区别示例介绍的详细内容,更多请关注其它相关文章!
推荐阅读
-
jquery的trigger和triggerHandler的区别示例介绍
-
C#中Convert.ToInt32()和int.Parse()的区别介绍
-
jQuery.extend和jQuery.fn.extend的区别
-
jQuery.extend和jQuery.fn.extend的区别
-
字符串长度函数strlen和mb_strlen的区别示例介绍_PHP
-
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
-
jquery事件w中mouseout和mouseleave的区别分享
-
jquery和javascript的区别(常用方法教程比较)
-
Jquery中绑定事件bind与live的区别介绍
-
Vue的watch和computed方法的使用及区别介绍