jquery的trigger和triggerHandler的区别示例介绍
程序员文章站
2024-01-12 20:40:52
trigger 和triggerHandler都是模拟事件发生的 用具体的案例来描述一下区别
. 代码如下:
当点击 checkbox的时候 checkbox勾上 并将input[type='text']赋值www.baidu.com
当点击 input[type='button'] 的时候 就会发生跟点击checkbox同样的事情
将trigger换成triggerHandler时候 当点击 input[type='button'] 的时候 就只会给input[type='text']赋值 而不会勾选checkbox
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='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的.live()和.die() 使用介绍_jquery
-
jquery中:input和input的区别分析_jquery
-
华为手环b6和b5哪个值得入手 华为手环b6与b5的区别介绍
-
php中r rn t的区别示例介绍_PHP
-
微服务和分布式的区别以及微服务框架介绍
-
jquery 层次选择器siblings与nextAll的区别介绍_jquery
-
Jquery使用mouseenter和mouseleave事件实现鼠标经过弹出层且可以点击的示例代码分享
-
JQuery分别取得每行最后一列和最后一行的示例代码_jquery
-
jQuery UI的简介和特性介绍