您好,欢迎访问一九零五行业门户网

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

这篇文章主要介绍了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的区别示例介绍的详细内容。
其它类似信息

推荐信息