javascript 闭包导致的重复绑定事件

最新推荐文章于 2024-05-24 13:39:19 发布

十点钟睡的阿怪

最新推荐文章于 2024-05-24 13:39:19 发布

阅读量744

点赞数

分类专栏： javascript 闭包事件绑定文章标签： javascript 时间绑定

javascript 闭包事件绑定专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>

<body>
<a href="javascript:func('用a绑定');">bind by a</a>
<a href="javascript:func('用b绑定');">bind by b</a>
<input id="button" type="button" value="click" />
</body>
</html>
<script type="text/javascript">
function func(t1){
	var bt = document.getElementById('button');
	bt.addEventListener('click',b,false);
	function b(){
		alert(t1);
	}
}
</script>
按标准来说，addEventListener多次绑定同一事件的同一函数，后面的绑定将覆盖前面的。 

b函数是你在func函数内创建的闭包. 每次调用func都会重新创建一个b函数 

如果把b函数挪出func之外则不会发生此种情况,

十点钟睡的阿怪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 闭包导致的重复绑定事件

bind by abind by bfunction func(t1){ var bt = document.getElementById('button'); bt.addEventListener('click',b,false); function b(){ alert(t1); }}按标准来说，addEventListener多次绑定同一事件的同一函数，后面的
复制链接

扫一扫