javascript - addEventListener 为什么事件默认就执行了？
本文介绍了javascript - addEventListener 为什么事件默认就执行了？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
以下代码，给class="inner"元素添加点击事件，但是打开浏览器事件就被执行了，并且传入的事件对象是undefined
<body>
<div class="outer">
o
<div class="inner">i</div>
</div>
<script type="text/javascript" src='./util/util.js'></script>
<script type="text/javascript">
var dOuter=document.querySelector('.outer');
var dInner=document.querySelector('.inner');
dInner.addEventListener('click',conInfo(event),false);
dOuter.addEventListener('click',conInfo(event),false);
function conInfo(event){
console.log('event...');
console.log(event);
}
</script>
</body>打开浏览器 事件就执行了，并且传入的event=undefined
解决方案
去掉里面的参数，不能这么写。
conInfo 是一个函数, 你在它后面加上 (event), 相当于执行了
函数，而event是未定义的参数，所以会显示函数已执行，并打印出
undefined.
这篇关于javascript - addEventListener 为什么事件默认就执行了？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
