Onkeyup 不工作

Question

虽然我可以在 chrome 控制台中看到一个 "onkeyup" 事件，但出于某种原因，该事件没有触发。

var el = document.getElementById("userInput");
el.addEventListener("onkeyup", function() {
    alert('yahoooo0');
});

<input type="text" id="userInput" name="food"/>
    
    

Answer 1

el.addEventListener("keyup", function() {

Answer 2

将您的 event listener 从 onkeyup 更新为 keyup。

var el = document.getElementById("userInput");
el.addEventListener("keyup", function() {
    alert('yahoooo0');
});

<input type="text" id="userInput" name="food"/>
    

Answer 3

试试这个：

$("#userInput").keyup(function() {
   alert('yahoooo0');
});

test on fiddle

Answer 4

您可以将事件监听器名称从 onkeyup 更改为 keyup 或者您可以使用下面简单的事件监听器附加方法

<input type="text" id="userInput" name="food" onkeyup="doSomething()"/>