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、aTypeErrorがスローされます。

次に、inputタグの解析に失敗します。

"ただし、onmousedown属性に終了を追加し、script要素の後にinput要素を並べ替えるとします。その後、あなたは見るでしょう

button
code

イベントはで定義された順序で実行されるためです。