從onkeyup事件輸入中觸發JS函數

我有這個非常基本的代碼，我覺得應該工作，但不是。從onkeyup事件輸入中觸發JS函數

我有這樣的形式：

<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); 
}

我已鏈接包含在HTML文檔的頭功能的JS文件：

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

但問題是，這是行不通的。當onkeyup被觸發時我收到錯誤：

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

我可以得到一些幫助嗎？

來源

2014-07-05 Darryl Chapman

你能提供完整的html和js代碼嗎？ –

「對象不是函數」消息是一個很好的線索。搜索名稱確實存在於正確的範圍內，但它不是一個函數。您可以嘗試在頁面上打開JS控制檯並註銷'search'的值來查看它的內容。 –

@LibertPiouPiou http://jsfiddle.net/WpvY9/3/ –

在您的代碼中，您有一個名爲search的函數和一個id爲search的元素。帶有id的HTML元素將成爲該名稱的全局變量，因此id的search的元素將覆蓋您的函數的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>

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

來源

2014-07-05 16:49:59

啊輝煌，我從來不知道。解決了我的問題，一旦定時器啓動就會標記爲正確答案！ –

在HTML你不能在同一形式的元素ID和函數名。這些會產生衝突。

當您在窗體中添加ID時，它會將該元素添加爲窗體[id]。所以如果你有相同的功能名稱，他們會以相同的形式創建衝突。

Here是一個非常好的問題已被回答大約相同。

來源

2014-07-05 17:02:04 Mritunjay

從onkeyup事件輸入中觸發JS函數

回答

相關問題