javascript - 为什么我在使用变量 'name' 时在 Chrome 调试器中得到错误对象没有方法？

Question

<form name="email" method="post" action="forms/email.php">
    <div id="email">
Sign up for Email
<input type="hidden" value="<?php $page; ?>" name="page">
<input class="searchtext" name="name" type="text" value="Name" id="nameId"/>
<input class="searchtext" name="email" type="text" value="Email" id="emailId"/>
    <a id="submit" class="submitbutton" onClick="document.getElementById('search-form').submit()"></a>
    </div>
 </form>
<script type="text/javascript">
    var name = document.getElementById("nameId");
    name.addEventListener("click",func,false);
    function func() {
        alert(name.value)
    }
</script>

我正在尝试监听对象的点击，但它给我一个对象没有方法错误。

Answer 1

问题似乎是您名为 name 的变量与未定义的 document.name 发生冲突。重命名变量使其工作；

if (el.addEventListener) {  
  el.addEventListener('click', func, false);
} else if (el.attachEvent){  
  el.attachEvent('onclick', func); // IE < 9
}

即使这样也行得通；

document.getElementById("nameId").addEventListener('click', func, false);