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 (단축키 지정)的更多相关文章

  1. 链接的热键属性accesskey

    <a href="" accesskey="h"></a> 意思是按住Alt键+h,再按enter键就可以直接链接到HTML的目标网址中 ...

  2. HTML label标签的for属性--input标签的accesskey属性

    本次示例是在firefox演示(如果其他浏览器对accesskey操作不成功的,请参考文章最后各浏览器下的快捷键)label的for属性是和input的id绑定,当我们点击input前面的文本标识会自 ...

  3. Nginx模块学习之————accesskey权限模块使用(简单的m3u8防盗链)

    配置文件:http://www.cnblogs.com/tinywan/p/5983694.html 通过加密后的文件: 正确地址:curl -i http://访问的IP地址(这里是直播节点IP地址 ...

  4. Nginx模块学习之————accesskey权限模块使用(Nginx防盗链详细解说),防止别人下载文件和图片

    nginx 的第三方模块ngx_http_accesskey_module 来实现下载文件的防盗链 1.具体安装教程:http://www.cnblogs.com/tinywan/p/5983694. ...

  5. IE Firefox Safari 下 通过Div“隐藏”设置Accesskey的submit input

    实现效果: 进入页面后 通过快捷键  如Alt+C 调用相关的隐藏按钮 实现功能操作 正常情况下 设置 button => input type="submit" acces ...

  6. [转]HTML accesskey 属性

    本文转自:http://www.dreamdu.com/xhtml/attribute_accesskey/ 17.2. HTML accesskey 属性 accesskey 属性  --  代表链 ...

  7. HTML5 标准属性 NEW:HTML 5 中新的标准属性。 注释:HTML 4.01 不再支持 accesskey 属性:

    属性 值 描述 accesskey character 规定访问元素的键盘快捷键 class classname 规定元素的类名(用于规定样式表中的类). contenteditable true f ...

  8. 快捷键accesskey

    <!DOCTYPE html> <html> <body> <a href="http://www.w3school.com.cn/html/&qu ...

  9. HTML5 accesskey的用法

    <button onclick="start()" accesskey="s">开始</button> <button oncli ...

随机推荐

  1. SMTP邮件服务器配置

    QQ个人邮箱使用: smtp.qq.com端口为25 密码是个人邮箱密码 QQ企业邮箱使用: smtp.exmail.qq.com端口为25 密码是邮箱密码 163邮箱使用 smtp.163.com端 ...

  2. POJ 2762 Going from u to v or from v to u? (强连通分量缩点+拓扑排序)

    题目链接:http://poj.org/problem?id=2762 题意是 有t组样例,n个点m条有向边,取任意两个点u和v,问u能不能到v 或者v能不能到u,要是可以就输出Yes,否则输出No. ...

  3. 算法效果AB测试中的PV-UV不对称性

    (转载请注明原创于潘多拉盒子) 算法效果的AB测试,是指在相同的应用场景下,对比不同算法的效果.通常的做法是,按照PV或UV随机分配流量到算法上,计算算法的CTR或转化率进行对比.为了表述简单,我们假 ...

  4. PostgreSQL的 initdb 源代码分析之二十一

    继续分析: setup_schema(); 展开: 实质就是创建info_schema. cmd 是: "/home/pgsql/project/bin/postgres" --s ...

  5. ssh 设置免password登录

    如果: 实现->操作机A机 要以用户"user1"身份.免password登录B机和C机? B机和C机 建立用户 user1 而且能够ssh 登录. A机设置: 1.安装ss ...

  6. QM课程03-采购中的质量管理

    QM模块被包含于采购过程的下列决策制定阶段:查询.供应商选择.采购订单.货物订单.收货.收到检查和收货数量的下达. 供应商下达 质量部门为一种被指定的物料下达一个供应商,它可以限制或限定下达的数量.如 ...

  7. TC SRM 663 div2 A ChessFloor 暴力

    ChessFloor Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 TC Description Samantha is renovating a squa ...

  8. 关于 " +new Date " 的个人见解

    今天晚上,在一个Javascript的Q群里,有人问下面这种代码是什么意思: var time = +new Date; 这段代码中,比较奇怪的是有一个加号,下面说说我个人的理解:这是对后面的对象做一 ...

  9. STL 案例分析

    #include <iostream> using namespace std; #include "string" #include <vector> # ...

  10. [Effective C++ --032]确定你的public继承塑模出is-a

    这一章都在讲述继承的关系.可以举个例子说明: 父类是水果,子类是苹果,苹果是一种(is-a)水果,但是水果不一定就是苹果. is-a并不是唯一存在classes之间的关系.另两个常见的关系是has-a ...