Typeerror: name.addEventListener ist keine Funktion

Question

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

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

 
</script>

ich versucht habe Cache zu löschen, den Browser geändert, half nichts. In jsfiddle funktioniert der Code super, aber in Browser Nr.

Answer 1

Ich habe den Variablennamen name in aname geändert und es hat funktioniert. Es wird generell empfohlen, keine Variablennamen zu verwenden, die mit JavaScript-Schlüsselwörtern oder vordefinierten Variablen kollidieren könnten. window.name ist so ein Fall

Answer 2

Das Problem ist, dass Ihr Skript vor dem HTML-Rendering fertig ausgeführt wird. Fügen Sie Ihren Code in den Onload-Callback ein, damit Ihr HTML geladen wird.

<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>

Hinweis: Der Fokus Ereignis Changed-Unschärfe mich von Warnungen aus der Serie zu speichern.