html accesskey (단축키 지정)
accesskey 속성은
마우스
등을
쓰지
않는
환경을
위해
링크나
입력
폼에서
키보드의
키
입력만으로
동작을
실행할
수
있도록 accesskey 속성값에 access 할
영어
또는
숫자
한문자를
지정하여
단축키를
설정한다.
사용법은
다음과
같다.
<input type="text" name="search" id="search" title="검색어입력" accesskey="S">
쉽게
접근하기위한
단축키로
보면된다.
accesskey의
실행
방법은
사용자의 OS와
브라우저에
따라
다르다. 특히, 다른
브라우저와는
다르게 IE(인터넷
익스플로러)에서는 <a> 태그에
지정된 accesskey를
실행하면
지정된
링크가
실행되는
것이
아니라, <a> 태그로
포커스가
이동된다. 이때 Enter를
눌러야
지정된
링크가
실행된다.
IE(인터넷
익스플로러에서는
예약어(F, E, V, A, T, H)는
사용
할
수
없다.
여기서
브라우져와
충돌이
일어날수
있기에
권장
접근키가
있다.
영문키의
경우 C, J, K, L, M. O, P, Q, R, S, U, X, Y
숫자키의
경우 1,2,3,4,5,6,7,8,9,0
기타로는 ' - [ ] ; ' , . /
* 브라우저별 accesskey 실행
방법
1. Window IE 6/7/8/9 : Alt + accesskey -> 포커스
이동(또는
서브밋)
2. Window Firefox 3 : Alt + Shift + accesskey -> 실행(또는 +엔터)
3. Window Safari 5 : Alt + accesskey -> 실행
4. Window Chrome : Alt + accesskey -> 실행
5. Window Opera 10 : Shift + Esc + accesskey -> 실행
html accesskey (단축키 지정)的更多相关文章
- 链接的热键属性accesskey
<a href="" accesskey="h"></a> 意思是按住Alt键+h,再按enter键就可以直接链接到HTML的目标网址中 ...
- HTML label标签的for属性--input标签的accesskey属性
本次示例是在firefox演示(如果其他浏览器对accesskey操作不成功的,请参考文章最后各浏览器下的快捷键)label的for属性是和input的id绑定,当我们点击input前面的文本标识会自 ...
- Nginx模块学习之————accesskey权限模块使用(简单的m3u8防盗链)
配置文件:http://www.cnblogs.com/tinywan/p/5983694.html 通过加密后的文件: 正确地址:curl -i http://访问的IP地址(这里是直播节点IP地址 ...
- Nginx模块学习之————accesskey权限模块使用(Nginx防盗链详细解说),防止别人下载文件和图片
nginx 的第三方模块ngx_http_accesskey_module 来实现下载文件的防盗链 1.具体安装教程:http://www.cnblogs.com/tinywan/p/5983694. ...
- IE Firefox Safari 下 通过Div“隐藏”设置Accesskey的submit input
实现效果: 进入页面后 通过快捷键 如Alt+C 调用相关的隐藏按钮 实现功能操作 正常情况下 设置 button => input type="submit" acces ...
- [转]HTML accesskey 属性
本文转自:http://www.dreamdu.com/xhtml/attribute_accesskey/ 17.2. HTML accesskey 属性 accesskey 属性 -- 代表链 ...
- HTML5 标准属性 NEW:HTML 5 中新的标准属性。 注释:HTML 4.01 不再支持 accesskey 属性:
属性 值 描述 accesskey character 规定访问元素的键盘快捷键 class classname 规定元素的类名(用于规定样式表中的类). contenteditable true f ...
- 快捷键accesskey
<!DOCTYPE html> <html> <body> <a href="http://www.w3school.com.cn/html/&qu ...
- HTML5 accesskey的用法
<button onclick="start()" accesskey="s">开始</button> <button oncli ...
随机推荐
- CFileDialog的用法
CFileDialog 在MSDN中的函数原形 CFileDialog::CFileDialog( BOOL bOpenFileDialog, LPCTSTR lpszDefExt = NULL, L ...
- TypeScript学习笔记(七):模块
JavaScript中的模块 在学习TypeScript的模块之前我们先看看在JavaScript中的模块是如何实现的. 模块的好处 首先我们要了解使用模块的好处都有什么? 模块化.可重用: 封装变量 ...
- 回顾JDBC
最近因为公司的需要,一直在做我司商城的修改和维护,好几个月没有接触过java的代码了,有点手生,就算是开发java 的web项目,持久层习惯用hibernate,jdbc很少用.hibernate实现 ...
- idea 搭建java项目
IntelliJ IDEA 12.0搭建Maven Web SSH2架构项目示例 以IDEA为环境,搭建SSH架构示例程序,用Maven管理依赖.这篇文章是一个示例,你需要首先搭建好M ...
- 用shader使图片背景透明
转自:http://blog.csdn.net/dawn_moon/article/details/8631783 好吧,终于抽时间写这篇文章了. 手头上有很多人物行走图,技能特效图等,但这些图都有个 ...
- C#-datagriview的表头高度的设置
- UOJ #148. 【NOIP2015】跳石头 二分
#148. [NOIP2015]跳石头 Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://uoj.ac/problem/148 Descripti ...
- 图形化OpenGL调试器 BuGLe [转]
BuGLe 结合图形化的OpenGL调试与选择的过滤器上的OpenGL命令流.调试器可以查看状态.纹理.framebuffers ,着色器,而过滤器允许日志,错误检查,自由相机控制,视频捕捉等. 主页 ...
- HomeSnap
http://arnauddegiuli.github.io/HomeSnap/ OnBufferingUpdateListener https://github.com/LuckyJayce/Mat ...
- ClassLoader使用记录《安卓高手之路》
我不喜欢那些泛泛而谈的去讲那些形而上学的道理,更不喜欢记那些既定的东西.靠记忆去弥补思考的人,容易陷入人云亦云的境地,最后必定被记忆所围困,而最终消亡的是创造力.希望这个高手之路系列能够记录我学习安卓 ...