首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

tabindex-1不适用于子元素

作者：果博东方手机版 | 来源：互联网 | 2023-02-09 10:43
如何解决《tabindex-1不适用于子元素》经验，为你挑选了1个好方法。

我有一个div标签,其中包含一些内容.内部的内容可以具有可聚焦的按钮,锚元素等.我无法控制内容,但我可以修改'div'标签属性.

我的问题是即使我将tabIndex -1指定为div标签,焦点仍然是内容(锚点,按钮等).




  

    ...

有没有办法在标签时跳过整个内容？它当然不能使用上面的代码.



1> aardrian..：

设置tabindex="-1"允许您设置一个元素与脚本的焦点,但并没有把它放在页面的选项卡顺序.它也不会从键盘标签顺序中拉出某些东西.

tabindex="-1" 当你需要将焦点移动到通过脚本或用户操作之外更新的内容时,这是很方便的.

如果您尝试从tabindex中删除元素,无论是对于屏幕阅读器还是键盘用户,您可能必须在以下选项之一中进行选择:

    完全隐藏它(通过display: none),

    在元素上使用脚本,以便在获得焦点时,脚本将焦点移到其他位置.

没有上下文(工作URL,你想要这样做的原因),这听起来非常像可访问性的反面.除非你有充分的理由,否则我鼓励你不要把焦点弄得一团糟.


推荐阅读
  • button

    实现下拉列表，点击其他位置自动隐藏效果的三种方式比较

    目录实现效果：实现环境实现方法一：基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • button

    android listview OnItemClickListener失效原因

    android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题，经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效，还会导致单击后listview每个item的背景改变，使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况，并提供了解决方法。 ... [详细]
  • js

    开发笔记:UEditor调用上传图片上传文件等模块

    开发笔记:UEditor调用上传图片上传文件等模块
    1、引入ue相关文件，写好初始代码为了更好的封装整一个单独的插件，这里我们要做到示例化ue后隐藏网页中的编辑窗口，并移除焦点。 ... [详细]
  • js

    DOM事件大全

    DOM事件大全
    1.事件：js与html的交互就是通过事件的，观察者模式2.事件流：从页面中接收事件的顺序IE：:事件冒泡流，事件冒泡，事件从最具体的元素接收，然后逐级向上传播，主流浏览器都支持N ... [详细]
  • button

    【译】发送表单数据

    这是原文链接：sendingformdata许多情况下，我们使用表单发送数据到服务器。服务器处理数据并返回响应给用户。这看起来很简单，但是 ... [详细]
  • jquery

    Voicewo在线语音识别转换jQuery插件的特点和示例

    Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件，该插件具有快速、架构、风格、扩展和兼容等特点，适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • js

    深入理解CSS中的margin属性及其应用场景

    深入理解CSS中的margin属性及其应用场景
    本文主要介绍了CSS中的margin属性及其应用场景，包括垂直外边距合并、padding的使用时机、行内替换元素与费替换元素的区别、margin的基线、盒子的物理大小、显示大小、逻辑大小等知识点。通过深入理解这些概念，读者可以更好地掌握margin的用法和原理。同时，文中提供了一些相关的文档和规范供读者参考。 ... [详细]
  • js

    js调用函数时传入的参数个数与函数定义时的参数个数不符时的操作

    在JavaScript中，函数没有重载的概念，如果声明了多个重名的函数，不管函数的形参个数是否一样，只有最后一个有效。如果调用函数时传入的参数个数与函数定义时的参数个数不符，会出现不同的情况。函数调用时，传入的参数个数少于函数定义时的参数个数，未传入的参数会被当做undefined处理，可能会导致错误。而传入的参数个数多于函数定义时的参数个数，多余的参数不会被使用，但不会报错。 ... [详细]
  • button

    《JavaScript高等顺序设计》进修笔记：JavaScript中的事宜流和事宜处置惩罚顺序

    JavaScript和HTML之间的交互是经由过程事宜完成的。事宜：文档或浏览器窗口中发作的一些特定的交互霎时。能够运用侦听器（或处置惩罚递次来预订事宜），以便事宜发作时实行相应的 ... [详细]
  • js

    C#多线程解决界面卡死问题的完美解决方案

    C#多线程解决界面卡死问题的完美解决方案
    当界面需要在程序运行中不断更新数据时，使用多线程可以解决界面卡死的问题。一个主线程创建界面，使用一个子线程执行程序并更新主界面，可以避免卡死现象。本文分享了一个例子，供大家参考。 ... [详细]
  • button

    Java图形化计算器设计与实现

    Java图形化计算器设计与实现
    本文介绍了使用Java编程语言设计和实现图形化计算器的方法。通过使用swing包和awt包中的组件，作者创建了一个具有按钮监听器和自定义界面尺寸和布局的计算器。文章还分享了在图形化界面设计中的一些心得体会。 ... [详细]
  • label

    python 终止函数命令_如何使“停止”按钮终止已经在Tkinter（Python）中运行的“启动”函数...

    我用Tkinter制作了一个图形用户界面，有两个主按钮：“开始”和“停止”。请您就如何使用“停止”按钮终止“开始”按钮为以下代码调用的已运行功能提供建议 ... [详细]
  • button

    如何使用ReactcreateRef

    React提供三种方式创建Refs:字符串Refs（将被废弃）回调函数RefsReact.createRef(从React16.3开始)第一种方式不推荐使用，原因在此，并且可能会在之后的版本移除。classMyComponentextendsReact.Component{constructor(props){sup ... [详细]
  • listview

    Android ListView中子控件的状态保存以及点击子控件改变子控件状态

    这两天用到了ListView,写下遇到的一些问题。首先是ListView本身与子控件的焦点问题，比如我这里子控件用到了Button，在需要ListView中的根布局属性上加上下面的这一个属性：and ... [详细]
  • js

    论坛贴子列表里　点一下那个　回复它　就会@会员名到下面的回复编辑器里

    论坛贴子列表里　点一下那个　回复它　就会@会员名到下面的回复编辑器里那个js代码是怎么完成实现的？ ... [详细]
author-avatar
果博东方手机版
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有