목차
- accesskey 예제 - 키보드로 요소 접근해 특정 페이지로 이동
- accesskey 정의
- accesskey 구문
accesskey 예제 - 키보드로 요소 접근해 특정 페이지로 이동
<a href="https://homzzang.com/b/html" accesskey="h">HTML 공부방</a><br>
<a href="https://homzzang.com/b/css" accesskey="c">CSS 공부방</a><br>
PS.
<li>Edge, IE, Chrome, Safari, Opera 15+: ALT + accesskey
<li>Opera 15-: SHIFT + ESC + accesskey
<li>Firefox: ALT + SHIFT + accesskey
결과보기
accesskey 정의
요소를 활성화/포커스 하는 단축키 지정.
1.
전역속성이라 모든 HTML 요소에 사용 가능.
2. 브라우저/OS 마다 지원 다름.
| 브라우저 |
Windows |
Linux |
Mac |
| IE |
Alt + 키 |
|
|
| Chrome |
Alt + 키 |
Alt + 키 |
Control + Alt + 키 |
| Firefox |
Alt + Shift + 키 |
Alt + Shift + 키 |
Control + Alt + 키 |
| Safari |
Alt + 키 |
|
Control + Alt + 키 |
| Opera |
Opera 15 + : Alt + 키
Opera 15 - : Shift + Esc + 키 |
PS. 대부분 브라우저에서 단축키는 다른 키 조합으로 설정 가능.
3.
둘 이상 요소에 동일 accesskey 설정 시, 브라우저마다 동작 다름.
- IE, Firefox ─ 해당 accesskey 갖은 다음 요소가 활성화 됨.
- Chrome, Safari ─ 해당 accesskey 갖는 마지막 요소가 활성화 됨.
- Opera ─ 해당 accesskey 갖는 첫 번째 요소가 활성화 됨.
4.
JS 속성: accessKey
accesskey 구문
<element accesskey="key">
[속성값]
key
해당 요소에 바로 접근 가능한 키보드 상의 키 이름.
