哪一个先执行？

Question

以下是代码：

<script>
    document.getElementById('btn').addEventListener('mousedown',(function(){
        console.log('code');
    }));
</script>
<input id="btn" type="button" onmousedown="console.log('button')">

首先执行哪一个？为什么？

Answer 1

内联脚本执行，document.getElementById('btn')评估为null，并抛出TypeError。

然后您的input标记无法解析。

但是，我们假装您向"属性添加结束onmousedown，并在script元素后面添加input元素。然后你会看到

button
code

因为事件按照它们定义的顺序执行。