HTML：如何在HTML中创建真正的“ onchange”事件（无jquery）？

Question

please note: I do not want to use jQuery for this (otherwise I like it)

Problem: I have come to situation where I need to do some javascript function after an user changes an input field (eg input type="text"). So I said to myself - I remember an onchange event - BUT onchange event runs AFTER user leaves the field, but I need the function to be called for example every time user types a character to that field. Wowhead shows nice example of what I am trying to achieve this (field with placeholder "Search within results...")

Summary: I am looking for a SIMPLE way of detecting REAL onchange event( not the classic HTML one )and through that call a JS function while not using jQuery ?

Thanks in advance ! :)

Answer 1

然后使用onkeyup而不是onchange。

Answer 2

Following is a simple way of invoking each type of Key Press on field.

input type="text" onkeypress="myFunction()

Get Example here

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onkeypress

Enjoy..

you can also use onkeyup and onkeydown instead of onkeypress.

Answer 3

Tried onkeypress="myFunction()" or onkeyup="myFunction()"?

There are also events for onfocus and onblur for entering and leaving a textfield :)

Answer 4

You should use "input" event. keyup and keypress don't work if a user modified the value only by a mouse.