HTML DOM accessKey Property
Example
Set the access key of a link:
document.getElementById("myAnchor").accessKey = "w";
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The accessKey property sets or returns the accesskey attribute of an element.
The accesskey attribute specifies a shortcut key to activate/focus an element.
Note: The way of accessing the shortcut key is varying in different browsers:
| Browser | Windows | Linux | Mac |
|---|---|---|---|
| Internet Explorer | [Alt] + accesskey | N/A | |
| Chrome | [Alt] + accesskey | [Alt] + accesskey | [Control] [Alt] + accesskey |
| Firefox | [Alt] [Shift] + accesskey | [Alt] [Shift] + accesskey | [Control] [Alt] + accesskey |
| Safari | [Alt] + accesskey | N/A | [Control] [Alt] + accesskey |
| Opera | Opera 15 or newer: [Alt] + accesskey Opera 12.1 or older: [Shift] [Esc] + accesskey |
||
However, in most browsers the shortcut key can be set to another combination of keys.
Tip: The behavior if more than one element has the same access key differs:
- IE, Firefox: The next element with the pressed access key will be activated
- Chrome, Safari: The last element with the pressed access key will be activated
- Opera: The first element with the pressed access key will be activated
Browser Support
| Property | |||||
|---|---|---|---|---|---|
| accessKey | Yes | Yes | Yes | Yes | Yes |
Syntax
Return the accessKey property:
HTMLElementObject.accessKey
Set the accessKey property:
HTMLElementObject.accessKey=character
Property Values
| Value | Description |
|---|---|
| character | Specifies the shortcut key to activate/focus the element |
Technical Details
| Return Value: | A character from the keyboard |
|---|
More Examples
Example
Get the accesskey of a link:
var x = document.getElementById("myAnchor").accessKey;
The result of x will be:
w
Try it Yourself »
Related Pages
HTML Reference: HTML accesskey Attribute
Element Object
