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 blur() Example

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

Syntax: anchorObject.blur() – Allows you to remove focus from an anchorObject

JavaScript blur() 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: blur </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   ***
    //*****************************************************
 
    //*****************************************************
    // blur
    //*****************************************************
 
    //    SYNTAX:
    //    anchorObject.blur()  Removes focus from 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>