Focus Event using JQUERY
$(selector).focus()Video Tutorial on form component events
We can add function to this and execute the code. Let us try to use two input fields for the user. . We will display message asking user to enter name when he keep the focus on first text box, same way we will ask the user to enter email address when the focus is shifted to second text box.
Here is the code …
<script>
$(document).ready(function() {
$('#t1').focus(function(){
$('#d1').html('Enter your name');
});
$('#t2').focus(function(){
$('#d1').html('Enter your email');
});
})
</script>
In the above demo we have seen how the message is displayed on gaining focus. We can also trigger events when the object lost its focus by using blur() event.
Focus and blur together used to trigger form validation or displaying help message to users.
Event Reference Blur 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