Onkeyup無法正常工作

Question

雖然我可以在Chrome控制檯中看到「onkeyup」事件，但無論出於何種原因，事件都不會觸發。

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

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

Answer 1

更新您的event listener從onkeyup到keyup。

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

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

Answer 2

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

Answer 3

試試這個：

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

test on fiddle

Answer 4

您可以將事件偵聽名字從onkeyup更改爲keyup或者你可以使用下面簡單eventlistenter安裝方法

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