哪个先执行？
代码如下：
<script>
document.getElementById('btn').addEventListener('mousedown',(function(){
console.log('code');
}));
</script>
<input id="btn" type="button" onmousedown="console.log('button')">
哪一个将首先执行，为什么？
Here is the code:
<script>
document.getElementById('btn').addEventListener('mousedown',(function(){
console.log('code');
}));
</script>
<input id="btn" type="button" onmousedown="console.log('button')">
Which one will execute first and why?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
执行内联脚本时，
document.getElementById('btn')的计算结果为null，并引发TypeError。那么你的
input标签无法解析。但是，让我们假设您向
onmousedown属性添加了一个结束"并将script元素排序在input元素之后。然后您会看到，因为事件按照它们定义的顺序执行。
The inline script executes,
document.getElementById('btn')evaluates tonull, and aTypeErroris thrown.Then your
inputtag fails to parse.But let’s pretend you add a closing
"to theonmousedownattribute and order thescriptelement after theinputelement. Then you would seebecause the events execute in the order they’re defined in.