javascript - Run a function at the first keypress event on an input - Stack Overflow

admin管理员组

文章数量:1026639

I have an input element with an onkeypress event that runs a function, change(). The problem is that the function doesn't run for the very first keypress. For example, I have to type 55 instead of 5 to get the function to update, and the value it takes is 5. Somehow, it doesn't recognize the most recent keypress. I tried adding other events, such as onfocus and onselect, to no avail. Here is the code for the input:

<input id="x" type="text" size="1" maxlength="2" onkeypress="change()" onfocus="change()" onselect="change()" onblur="change()" onchange="change()"></input>

I have an input element with an onkeypress event that runs a function, change(). The problem is that the function doesn't run for the very first keypress. For example, I have to type 55 instead of 5 to get the function to update, and the value it takes is 5. Somehow, it doesn't recognize the most recent keypress. I tried adding other events, such as onfocus and onselect, to no avail. Here is the code for the input:

<input id="x" type="text" size="1" maxlength="2" onkeypress="change()" onfocus="change()" onselect="change()" onblur="change()" onchange="change()"></input>

• javascript
• html
• events
• input
• onkeypress

Share Improve this question Follow asked May 14, 2013 at 22:12 IanIan 6,18466 gold badges4646 silver badges7676 bronze badges 2

• Would using onkeyup instead work? Also, what does the change() function do and how do you know it is not running it the first time? – Nope Commented May 14, 2013 at 22:15
• Yes! Thanks, I had no idea that existed. Please post it as an answer so I can select it. – Ian Commented May 14, 2013 at 22:19

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 2

I think the issue might be that the onkeypress event triggers before the value is inserted.

If you want to capture the value after the key has been pressed you could use the onkeyup event instead and see if that works better.

you might to try this event

onKeyUp="change()"

link no longer valid

I guess it is because the value is just set after you release the key. When I try it with onkeyup its working

http://jsfiddle/j8B8b/2/

I have an input element with an onkeypress event that runs a function, change(). The problem is that the function doesn't run for the very first keypress. For example, I have to type 55 instead of 5 to get the function to update, and the value it takes is 5. Somehow, it doesn't recognize the most recent keypress. I tried adding other events, such as onfocus and onselect, to no avail. Here is the code for the input:

<input id="x" type="text" size="1" maxlength="2" onkeypress="change()" onfocus="change()" onselect="change()" onblur="change()" onchange="change()"></input>

I have an input element with an onkeypress event that runs a function, change(). The problem is that the function doesn't run for the very first keypress. For example, I have to type 55 instead of 5 to get the function to update, and the value it takes is 5. Somehow, it doesn't recognize the most recent keypress. I tried adding other events, such as onfocus and onselect, to no avail. Here is the code for the input:

<input id="x" type="text" size="1" maxlength="2" onkeypress="change()" onfocus="change()" onselect="change()" onblur="change()" onchange="change()"></input>

• javascript
• html
• events
• input
• onkeypress

Share Improve this question Follow asked May 14, 2013 at 22:12 IanIan 6,18466 gold badges4646 silver badges7676 bronze badges 2

• Would using onkeyup instead work? Also, what does the change() function do and how do you know it is not running it the first time? – Nope Commented May 14, 2013 at 22:15
• Yes! Thanks, I had no idea that existed. Please post it as an answer so I can select it. – Ian Commented May 14, 2013 at 22:19

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 2

I think the issue might be that the onkeypress event triggers before the value is inserted.

If you want to capture the value after the key has been pressed you could use the onkeyup event instead and see if that works better.

you might to try this event

onKeyUp="change()"

link no longer valid

I guess it is because the value is just set after you release the key. When I try it with onkeyup its working

http://jsfiddle/j8B8b/2/

本文标签： javascriptRun a function at the first keypress event on an inputStack Overflow