티스토리 뷰
브라우저별로 단축키에 접근하는 방법이 다르다.
| Browser | Windows | Linus | 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 | ||
accesskey 속성은 HTML 4.01 과 HTML 5 에서 적용되는 요소들에 대해서 조금 차이가 있다.
HTML 5 에서는 거의 모든 요소에 accesskey 속성을 적용할수 있지만,
HTML 4.01 에서는 다음에 제시된 요소에만 accesskey 속성을 사용할 수 있다.
<a> , <area> , <button> , <input> , <label> , <legend> , <textarea>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>[HTML] 문서에 단축키 달기</title>
</head>
<script type="text/javascript">
function loadMessage() {
alert("[HTML] 문서에 단축키 달기 : accesskey 속성 이용");
}
</script>
<body>
<input type="button" name="load" value="불러오기" onClick="loadMessage()" accesskey="q"><br />
<a href="http://www.naver.com" accesskey="j">네이버</a>
</body>
</html>
'Language > HTML' 카테고리의 다른 글
| [ HTML ] 편집용 iframe 창에 스타일 지정하는 방법 - WYSIWYG(위지윅) 에디터 제작 기초 - 확인전 (0) | 2016.01.02 |
|---|---|
| [ HTML ] WYSIWYG(위지윅) 에디터 제작 기초 - 확인전 (0) | 2016.01.02 |
| [ HTML ] TABLE, DIV 의 크기 고정 (0) | 2016.01.02 |
| [ HTML ] TABLE (0) | 2016.01.02 |
| [ HTML ] DIV - 모서리 둥글게 하기 (0) | 2016.01.02 |