[attribute] HTML - accesskey 속성 ★ - 요소접근키 (= accesskey속성 = 액세스키속성) ※ 요소접근단축키 ※ 요소 활성화/포커스 단축기 설정

1. accesskey 예제 - 키보드로 요소 접근해 특정 페이지로 이동
2. accesskey 정의
3. 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

해당 요소에 바로 접근 가능한 키보드 상의 키 이름.