从onkeyup事件输入触发JS函数

Question

我有这个非常基本的代码，我认为应该可以，但是不能。

我有这个表格：

<form id="search-box" action="">
     <input id="search" type="text" placeholder="Search here.." onkeyup="search(this.value)"><!--
   --><input id="submit" type="submit" value="Search">
</form>

此表单会触发JS搜索功能。 该搜索功能包含：

function search(input){
    alert(input);
}

我已经将包含函数的JS文件链接到html文档的开头：

<script src="js/ajax.js"></script>

但是问题是这不起作用。 触发onkeyup时出现错误：

Uncaught TypeError: object is not a function    localhost:16:201
onkeyup localhost:16:201

我可以帮忙吗？

Answer 1

在您的代码中，您有一个名为search的函数和一个具有search id的元素。 具有id的HTML元素将通过该名称变为全局变量，因此具有search id的元素将覆盖作为您函数的search变量。

尝试这样的事情。

的HTML

form id="search-box" action="">
     <input id="search" type="text" placeholder="Search here.." onkeyup="doSearch(this.value)"><!--
   --><input id="submit" type="submit" value="Search">
</form>

JS

function doSearch(input){
    alert(input);
}

Answer 2

在您的HTML中，表单中的元素ID和函数名称不能相同。 这些造成冲突。

当您在表单中添加ID时，它会将该元素添加为form [id]。 因此，如果您具有相同的函数名称，它们将以相同的形式产生冲突。

这是一个很好的问题，已经回答了差不多。