源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-05-17 21:51 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery的trigger和triggerHandler的区别示例介绍
trigger 和triggerHandler都是模拟事件发生的 用具体的案例来描述一下区别
[u]复制代码[/u] 代码如下:
<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 阻止了 绑定事件的元素的默认行为
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部