jquery的trigger和triggerHandler的区别示例介绍
jquery的trigger和triggerHandler的区别示例介绍
发布时间:2016-12-30 来源:查字典编辑
摘要:trigger和triggerHandler都是模拟事件发生的用具体的案例来描述一下区别复制代码代码如下:test$(document).r...

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"/>

</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 阻止了 绑定事件的元素的默认行为

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类