哪一个先执行？

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

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