zoukankan      html  css  js  c++  java
  • 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 -> 실행

  • 相关阅读:
    jquery冲突细节
    最懂中文的H5前端框架amazeUI
    IT Girl
    json_encode注意
    YII2 Activedataprovider 类分页的使用
    Yii框架,在页面输出执行sql语句,方便调试
    yii2的GridView和ActiveDataProvider具体使用
    文件压缩工具类
    将dubbo中使用的动态代理作为工具类
    spring中使用动态代理(AOP)
  • 原文地址:https://www.cnblogs.com/jweb/p/4615691.html
Copyright © 2011-2022 走看看