1

tabindex

图片描述

作用:配合focus实现键盘快捷访问。

默认可focus元素(无需设置tabindex):a, button, input, select, textarea, area, legend, label

tabindex取值(0至32767)

  • 0,可以使一个元素按自然顺序出现在 tab 键序中
  • 负值,可以被鼠标或者JS focus,同时能够响应focus事件。但是,却不能被键盘focus。

contenteditable

作用:是否可编辑元素的内容
用法:contenteditable = "true"

<ul contenteditable="true">
    <li>悼念遇难香港同胞 </li>
    <li>深圳特区30周年</li>
    <li>伊春空难</li>
</ul>

此属性对于style标签同样适用:

<div>
    <style contenteditable>
        .test_image{ padding: 3px; border: 1px solid #ccc; }
    </style>
</div>
<br />
<div class="test">
    gggggggggggggggggggggggggg
</div>

accessKey 键盘快捷方式

作用:可设置或返回访问一个按钮的键盘按键

Alt + accessKey 为拥有指定快捷键的元素赋予焦点  

各种浏览器下accesskey快捷键的使用方法:
    IE浏览器
      按住Alt键,点击accesskey定义的快捷键(焦点将移动到链接),再按回车.
    FireFox浏览器
      按住Alt+Shift键,点击accesskey定义的快捷键.
    Chrome浏览器
      按住Alt键,点击accesskey定义的快捷键.
    Opera浏览器
      按住Shift键,点击esc,出现本页定义的accesskey快捷键列表可供选择.
    Safari浏览器
      按住Alt键,点击accesskey定义的快捷键.

title

作用:在鼠标移到元素上时显示一段工具提示文本(tooltip text)
用法:<element title="value">

alt

作用:指定图像不能正常显示(网速慢、图片链接错误)后显示的替换文本
用法:<img src="compman.gif" alt="common">


zhouzhou
1.5k 声望76 粉丝

web前端