.keyup() Event

Syntax

$(selector).keyup(function)

Description

".keyup()" event binds a function to an event on an element whenever it is triggered. The below examples shows you the change in the style of the input field whenever a keyup and keydown event occurs.

Example Code

<br><script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $(":text").keydown(function() { $(this).css("background-color","#E9CFEC"); }); $(":text").keyup(function(){ $(this).css("background-color","#C8BBBE"); }); }); </script> <div id="form"> <form class='frms' style='border:none;' action="registration"> Type in the input fields shown. It will change the background color of the field on each keyup and keydown.<br><table> <tr><td><font size="2" color="#800000">Name:</font></td><td><input type="text" name="user" /></td></tr> <tr><td><font size="2" color="#800000">Email:</font></td><td> <input type="text" name="email" /></td></tr> <tr><td><font size="2" color="#800000">URL:</font></td><td> <input type="text" name="website" /></td></tr> <tr><td><font size="2" color="#800000">Feedback:</font></td><td> <input type="text" name="feedback" /></td></tr> </table><br><input type="button" value="Submit" /> <input type="button" value="Reset" /> <br></form> </div>