Progress Monitor for IdealProgrammer.com

Take Swift, Intelligent, Massive, Planned, Loving, Effective (S.I.M.P.L.E.) Action to Transform Self into Ideal

Skip Repetitive Navigational Links

Home

News

Presenters

Contact

Please login

JavaScript (JS) focus() Example

Description: Illustrates the JavaScript syntax for the Anchor Object focus() Property .

Syntax: anchorObject.focus() – Allows you to add focus to an anchorObject

JavaScript (JS) focus() Example Code:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
  <head>
    <title>IdealProgrammer.com: focus </title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
 
 
    -->
  <style type="text/css">
a:focus, a:active
{
color:red;
}
</style>
<script type="text/javascript">
    //*****************************************************
    // DOM Objects
    //*****************************************************
 
 
    //*****************************************************
    //    ***    Anchor Object Methods   ***
    //*****************************************************
 
    //*****************************************************
    // focus
    //*****************************************************
 
    //    SYNTAX:
    //    anchorObject.focus()  Adds focus to anchorObject
    function getfocus() {
        document.getElementById('myObject').focus()
    }
    function removefocus() {
        document.getElementById('myObject').blur()
    }
</script>
 
 
   </head>
  <body>
      <a id="myObject"
href="http://idealprogrammer.com">IdealProgrammer.com</a>
<br /><br />
<input type="button" onclick="getfocus()" value="Get focus" />
<input type="button" onclick="removefocus()" value="Remove focus" />
 
 
 
 
  </body>
</html>