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。

那么您的 input 标记将无法解析。

但让我们假设您向 onmousedown 属性添加了结束符 " 并在 input 之后对 script 元素进行排序> 元素。然后你会看到

button
code

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