一道JS addEventListener面试题
2013-10-29 21:56
281 查看
在园里看到一道面试题, <div id="test">Click Here</div>
var node=document.getElementById('test'); node.onclick=function(){ console.log('1'); } node.addEventListener('click',function(){ console.log('2'); },false); node.onclick=function(){ console.log('3'); } node.addEventListener('click',function(){ console.log('4'); },false); 作者给出的答案是2,3,4 从这道题的出意,答题可以看出主要想考察的是onlick的覆盖,以及addEventListener的使用方法。
但是对于作者给出的答案存在疑问,于是就测试了一下(注意addEventListener只适用于firefox浏览器,其他浏览器使用attachEvent)
测试的结果是3,2,4
其实仔细想一想,最后的答案也应该是这样子,因为addEventListener是为某一事件附加其它的处理事件,所以应该 是执行的是click的事件,然后才执行addEventListener附加的事件。
相关文章推荐
- 一道常被人轻视的前端JS面试题
- 一道面试题引发的对 JS 类型转换的思考
- 一道常被人轻视的前端JS面试题
- 一道常被人轻视的web前端常见面试题(JS)
- 一道JS前端闭包面试题解析
- 一道优雅面试题分析js中fn()和return fn()的区别
- 一道常被人轻视的web前端常见面试题(JS)
- 一道js的面试题,很好的
- web前端一道很“坑”的js面试题
- 一道常被人轻视的web前端常见面试题(JS)
- JS 数组去重实现,一道面试题
- 简单说 一道JS闭包面试题
- 一道常被人轻视的前端JS面试题
- 分享一道JS前端闭包面试题
- 一道js面试题的深入~
- 一道JS面试题
- 一道阿里面试题(js)
- 一道JS面试题,很不错,值得学习
- 一道有意思的JS面试题