例外TypeError：name.addEventListener私はキャッシュをクリアしようとした機能

Question

<input id="name" type="number" placeholder="Name"> 
 

 
<script> 
 
    var name = document.getElementById("name"); 
 
    name.addEventListener('focus',function() { 
 
     alert("Type your name"); 
 
    }); 
 

 
</script>

ではありませんが、ブラウザを変更し、何も助けません。 jsfiddleでは、コードはうまく機能しますが、ブラウザはありません。

Answer 1

変数名nameをanameに変更しました。通常、Javascriptのキーワードや事前定義された変数と衝突する可能性のある変数名を使用しないことをお勧めします。 window.nameはそのようなケースです

Answer 2

問題は、あなたのスクリプトがhtmlの終了レンダリングの前に実行されているということです。 onloadコールバックにコードを追加すると、htmlが読み込まれるようになります。

<input id="name" type="number" placeholder="Name"> 
 

 
<script> 
 
    window.onload = function(){ 
 
    var name = document.getElementById("name"); 
 
    name.addEventListener('blur',function() { 
 
     alert("Type your name"); 
 
    }); 
 
    } 
 
</script>

注：アラートのシリーズから自分自身を救うために焦点にぼかしイベントを変更しました。