accesskey 속성은 해당 요소를 선택하는 단축키를 지정할 수 있다. 설정 값으로 단어 하나만 설정할 수 있으며 운영체제와 브라우저별 조합키다 다르다.
<!DOCTYPE html>
<html>
<head>
<title>Love one another</title>
</head>
<body>
<a accesskey="n" href="http://www.naver.com" target="_blank">네이버(N)</a>
<a accesskey="u" href="http://www.daum.net" target="_blank">다음(D)</a>
<input type="text" name="age" accesskey="a" >(A)
<input type="checkbox" name="check" accesskey="c">(C)
</body>
</html>만일 네이버로 연결된 a태그에 accesskey로 n을 주었다면 [Alt] + n을 누르면 선택과 이동이 동시에 일어나며 input태그일 경우 [Alt] + 설정된 키를 누르면 해당 요소가 선택되어 진다.
| 브라우저 | Windows | Linux | Mac |
| Chrome | [Alt] + accesskey | [Alt] + accesskey | [Control] + [Alt] + accesskey |
| Edge | [Alt] + accesskey | N/A | N/A |
| Internet Explorer | [Alt] + accesskey | N/A | N/A |
| 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 |
||
반응형
'HTML' 카테고리의 다른 글
| contenteditable 속성 (0) | 2020.12.13 |
|---|---|
| class 속성 (0) | 2020.12.11 |
| 전역 속성(Global Attributes) (0) | 2020.12.10 |
| <title> (0) | 2020.12.10 |
| <body> (0) | 2020.12.09 |
