关于在同一元素上使用相同参数多次调用addEventListner()的结果

最新推荐文章于 2021-05-28 03:00:14 发布

VIP文章韦奕

最新推荐文章于 2021-05-28 03:00:14 发布

阅读量1.1k

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/weiyi89/article/details/10077133

版权

JS权威指南17.2.3节中说: 使用相同的参数在同一个对象上多次调用addEventListner是没用的,处理程序仍然只会注册一次. 为了验证这句话的可信度,我做了小测试,结果表明当第二个参数使用函数直接量时,此理论不成立, 当使用函数引用时,此理论成立, 代码如下:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>addEventListener()</title>
	<style>
		body {margin: 100px;}
	</style>
</head>
<body>
<h3>验证:"使用相同的参数在同一个对象上多次调用addEventListner是没用的,处理程序仍然只会注册一次"是否属实</h3>
<img src="http://img01.taobaocdn.com/tps/i1/T1Kz0pXzJdXXXIdnjb-146-58.png" id="tlogo"/>
<script type="text/javascript">
	var img = document.getElementById('tlogo');
	var i = 0, k=0;
	//以下代

最低0.47元/天解锁文章

韦奕

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于在同一元素上使用相同参数多次调用addEventListner()的结果

JS权威指南17.2.3节中说: 使用相同的参数在同一个对象上多次调用addEventListner是没用的,处理程序仍然只会注册一次. 为了验证这句话的可信度,我做了小测试,结果表明当第二个参数使用函数直接量时,此理论不成立, 当使用函数引用时,此理论成立, 代码如下: addEventListener() body {margin: 100px;} 验证:"
复制链接

扫一扫