资讯专栏INFORMATION COLUMN

h5那些关于交互的属性

timger / 1880人阅读

摘要:作用配合实现键盘快捷访问。默认可元素无需设置取值至,可以使一个元素按自然顺序出现在键序中负值,可以被鼠标或者,同时能够响应事件。但是,却不能被键盘。

tabindex

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

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

0,可以使一个元素按自然顺序出现在 tab 键序中

负值,可以被鼠标或者JS focus,同时能够响应focus事件。但是,却不能被键盘focus。

contenteditable

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

  • 悼念遇难香港同胞
  • 深圳特区30周年
  • 伊春空难

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


gggggggggggggggggggggggggg
accessKey 键盘快捷方式

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

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

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

title

作用:在鼠标移到元素上时显示一段工具提示文本(tooltip text)
用法:

alt

作用:指定图像不能正常显示(网速慢、图片链接错误)后显示的替换文本
用法:common

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/51218.html

相关文章

  • 前端临床手札——在微信播放视频那些

    摘要:然而我真的太天真,微信浏览器怎样会让你这样好过问题集中于自动播放视频这块,需求很简单自动播放全屏不显示工具条自动播放一步步来,自动播放这个问题在十分肯定默认是不支持的,必须基于用户操作下才能加载视频。至于在微信下和一个样。 某天收到旧同事的信息说希望我帮手做一下一个简单的H5,然后我看了看的确很简单: 就是图片滚动到最后自动播放视频,播完显示个按钮交互。 然而我真的太天真,微信浏览器怎...

    _Zhao 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<