javascript - 哪个先执行？

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抛出 a。

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

但是，让我们假设您"为onmousedown属性添加了一个关闭，并将元素排序在script元素之后input。然后你会看到

button
code

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