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

accessKey Example JavaScript (JS)

Description: Illustrates the JavaScript syntax for the Anchor Object accessKey Property .

Syntax: object.accessKey=accessKey – Allows you to retrieve or assign accessKey for an element.

accessKey Example JavaScript (JS) 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: accessKey </title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
    -->
 
 
 
   </head>
  <body>
      <input id="Button1" type="button" accessKey="a" value="Button1" /><br /><br />
      <input id="Button2" type="button" accessKey="b" value="Button2" /><br /><br />
      <input id="Button3" type="button" accessKey="c" value="Button3" /><br /><br />
   <script type="text/javascript">
       //*****************************************************
       // DOM Objects
       //*****************************************************
 
 
       //*****************************************************
       //    ***    Anchor Object Properties   ***
       //*****************************************************
 
       //*****************************************************
       // accessKey
       //*****************************************************
 
       //    SYNTAX:
       //    object.accessKey=accessKey  Allows you to retrieve or assign  
       //               accessKey to an element
 
       // Two ways to retrieve accessKey   
       //   1. GetElementsByTagName
            myObject=document.getElementsByTagName('input')[0];
            document.write("Button1 (alt+a) Using getElementsByTagName : " + myObject.accessKey);
            document.write("<br />");
      //   2. GetElementById
            document.write("Button1 (alt+a) Using getElementById: ");
            document.write(document.getElementById('Button1').accessKey);
 
            document.write("<br /><br />");
       // Two ways to assign accessKey
 
            //   1. GetElementById
            mySecondButton = document.getElementById('Button2');
            mySecondButton.accessKey = "e";
            document.write("<br />Button3 accessKey changed to alt+e: ", mySecondButton.accessKey);
 
       //   2. GetElementsByTagName      
            myThirdButton = document.getElementsByTagName('input')[2];
            myThirdButton.accessKey = "f";
            document.write("<br />Button3 accessKey changed to alt+f: ", myThirdButton.accessKey)
 
</script>
 
  </body>
</html>