여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. access key 속성 넣어서 단축키 만드는 방법
access key 속성 넣어서 단축키 만드는 방법
3년전 작성
3년전 수정

accesskey 속성에 대해 알아보자.

acesskey 속성

accesskey 속성은 홈페이지를 만들다가 버튼에 단축키 기능을 넣고자 할 때 사용할 수 있는 속성이다.

단축키 사용하고자 할 때 아래 표에서 브라우져별 단축키를 참고하여 사용할 수 있다.
그러나 다른 단축키와 충돌이 일어날 수 있다고 하기때문에 왠만하면 개인 홈페이지에서는 이용하지 않는것을 권장 한다고 한다.

브라우져별 단축키

Windows Linux Mac
Internet Explorer Alt + 단축키
Alt + Shift + 단축키
없음
Microsoft Edge 없음 Control + Opt + 단축키
Control + Opt + Shift + 단축키
Google Chrome Alt + Shift + 단축키
Safari 없음
Firfox Alt + Shift + 단축키 Firefox 14 이상: Control + Opt + 단축키
Firefox 13이하 : Control + 단축키

accesskey 사용

기본 예시

단축키를 사용하여 각각의 위치를 키보드로 선택할 수 있습니다.

Input type=text : 단축키 = I
Button : 단축키 = S
Textarea : 단축키 = T

예시에는 input, button, textarea만 넣어놓았으나 전역 특성으로 모든 HTML 태그에서 다 사용할 수 있다.

코드 확인

<input type="submit" accesskey="i">
<button accesskey="s">Button</button>
<textarea accesskey="t"></textarea>

textarea는 모바일에서 안보이게 숨겨놓음.

참고

Mingg`s Diary
밍구
밍구
공부 목적 블로그