Trigger an event on a field : focus « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. focus

Trigger an event on a field

 



<html>
  <head>
    <script type='text/javascript' src='js/jquery-1.3.2.js'></script>
    <script type='text/javascript'>
$(document).ready(
  function() {
    $('input').focus(
      function() {
        $(this).addClass('tmpFocused');
      }
    );

    $('input').blur(
      function() {
        $(this).removeClass('tmpFocused');
      }
    );
  
   $('input').trigger('focus');
  }
);
    </script>
    <style type='text/css'>
input.tmpFocused {
    background: #5092c5;
    color: white;
}
    </style>
  </head>
  <body>
    <form method='post' action='javascript:void(0);'>
      <div>
        <input type='text' name='tmpExample' value='Example' size='25' />
      </div>
    </form>
  </body>
</html>








Related examples in the same category

1.Set focus to text box
2.Fire focus event
3.Set focus form field
4.Trigger focus event
5.To focus on a login input box with id 'login' on page startup