javascript代码实例教程-jquery的trigger和triggerHandler的区别示例介绍

发布时间:2018-12-26 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jquery的trigger和triggerHandler的区别示例介绍脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

trigger 和triggerHandler都是模拟事件发生的 用具体的案例来描述一下区别

. 代码如下:


<htML lang="en">
<head>
<;meta charset="utf-8">
<tITle>test</title>
<script src="https://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=&#39;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 阻止了 绑定事件的元素的默认行为

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦!&nbsp;js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jquery的trigger和triggerHandler的区别示例介绍全部内容,希望文章能够帮你解决javascript代码实例教程-jquery的trigger和triggerHandler的区别示例介绍所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。