Click here to Skip to main content
15,886,791 members
Articles / Programming Languages / Javascript
Alternative
Tip/Trick

Recent value with KeyPress

Rate me:
Please Sign up or sign in to vote.
4.00/5 (1 vote)
3 Oct 2011CPOL 8.2K  
Why don't you try for the onkeyup event. You don't even need to read the last character and concatenate it. Keypress event is a combination of keydown and keyup event. Below is the sample code to test the response when the keypress and keyup event occurs.Test KeyPress event: <input...
Why don't you try for the onkeyup event. You don't even need to read the last character and concatenate it.

Keypress event is a combination of keydown and keyup event. Below is the sample code to test the response when the keypress and keyup event occurs.

HTML
Test KeyPress event: <br />
<input type="text" id="fname1" onkeypress="upperCase(this.id)" /><br />
Test KeyUp Event: <br />
<input type="text" id="fname2" onkeyup="upperCase(this.id)" /><br />

<script type="text/javascript">
function upperCase(x)
{
var y=document.getElementById(x).value;
document.getElementById(x).value=y.toUpperCase();
}
</script>


During the test run, you will notice that the last character does not convert to its uppercase during the keypress event, but it gets converted during the keyup event.

Also, the keypress event does not allow you to handle the control keys like - SHIFT, ALTER, CONTROL, while the keyup and keydown events allow you to handle these keys.

Hope I have made my point clear to you.

Thanks & regards,
Niral Soni

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Business Analyst Tata Consultancy Services Ltd.
India India
I started my career as Java Developer. But now more inclined towards web designing, JavaScript, HTML and CSS.I have good level of expertise on Java, Oracle and JavaScript. Designing Generic components is my main expertise.

Comments and Discussions

 
-- There are no messages in this forum --