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

问题是，你的脚本在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>

注意：将事件焦点更改为模糊，以便从一系列警报中保存自己。

Answer 2

我已将变量名称name更改为aname并且它有效。通常建议不要使用可能与Javascript关键字或预定义变量冲突的变量名称。 window.name就是这种情况

TypeError：name.addEventListener不是函数

2 个答案: