Keyup Event using JQUERY
This event is triggered for all the keys
Here is the syntax
$("element").keyup(function(){
.....
})Video Tutorial on keyboard Events
<script>
$(document).ready(function() {
$(document).keyup(function(){
alert('hi');
});
})
</script>
Script showing keycode with keyup() event
<script>
$(document).ready(function() {
$(document).keyup(function(){
//alert('hi');
$('#d1').html("Event : keyup() , pressed key : "+event.which);
});
})
</script>Textarea counter
We will use keyup function of a textarea so on adding of any text we will count the length of the string and then display the length inside another div layer.Here is the code
<script>
$(document).ready(function() {
$("#d1").keyup(function(){
var str_length = $("#d1").val().length;
$('#d2').html(str_length);
});
})
</script>
keypress() keydown()
Tutorial ( Video ) on textarea counter Application : Duration of holding the key Application : Password validation using Keyup() event
This article is written by plus2net.com team.
| Most Popular JQuery Scripts | |
1 | Two dependant list boxes |
2 | Calendar with Date Selection |
3 | Data change by Slider |
4 | Show & Hide element |
JQuery Video Tutorials