類型錯誤：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>

注意：更改的事件重點到模糊對自己免於一系列警報。