勤奋的码农
欢迎光临我的淘宝店:小丑情趣内衣店
posts - 112,comments - 9,views - 10万
在园里看到一道面试题,
<
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附加的事件。

 

 

 

 

 

  

posted on   勤奋的码农  阅读(945)  评论(3编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

友荐云推荐
点击右上角即可分享
微信分享提示