首页    技术博客    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,你想要这样做的原因),这听起来非常像可访问性的反面.除非你有充分的理由,否则我鼓励你不要把焦点弄得一团糟.


推荐阅读
  • html

    如何使用JavaScript或jQuery检测文本框焦点状态和鼠标悬停事件

    本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态，以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • html

    解决Uploadify在IE浏览器中的兼容性问题

    本文详细介绍了如何解决Uploadify插件在Internet Explorer（IE）9和10版本中遇到的点击失效及JQuery运行时错误问题。通过修改相关JavaScript代码，确保上传功能在不同浏览器环境中的一致性和稳定性。 ... [详细]
  • hover

    分页插件3指定到某一页

    前言--页数多了以后需要指定到某一页（只做了功能，样式没有细调）html ... [详细]
  • focus

    DataGridView 保存时，为什么当前单元格的值无法保存？

    在使用 DataGridView 时，如果在当前单元格中输入内容但光标未移开，点击保存按钮后，输入的内容可能无法保存。只有当光标离开单元格后，才能成功保存数据。本文将探讨如何通过调用 DataGridView 的内置方法解决此问题。 ... [详细]
  • svg

    如何高效创建和使用字体图标

    如何高效创建和使用字体图标
    在Web和移动开发中，为什么选择字体图标？主要原因是其卓越的性能，可以显著减少HTTP请求并优化页面加载速度。本文详细介绍了从设计到应用的字体图标制作流程，并提供了专业建议。 ... [详细]
  • focus

    深入理解Android中的ADB Shell Input命令：模拟滑动、按键和点击事件

    在维护公司项目时，发现按下手机的某个物理按键后会激活相应的服务，并在屏幕上模拟点击特定坐标点。本文详细介绍了如何使用ADB Shell Input命令来模拟各种输入事件，包括滑动、按键和点击等。 ... [详细]
  • html

    React Hook 基础：深入理解 useState 和 useEffect

    本文详细介绍了 React 中的两个重要 Hook 函数：useState 和 useEffect。通过具体示例，解释了如何使用它们来管理组件状态和处理副作用。 ... [详细]
  • html

    Qt中使QLineEdit控件获取焦点的方法

    本文介绍如何在Qt应用程序中让QLineEdit控件获得输入焦点，通过简单的代码示例和解释，帮助开发者更好地理解和使用这一功能。 ... [详细]
  • html

    深入理解Vue.js：从入门到精通

    深入理解Vue.js：从入门到精通
    本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例，帮助开发者全面掌握这一流行的前端框架。 ... [详细]
  • html

    HTML5 表单新增属性详解

    HTML5 表单新增属性详解
    本文深入探讨了HTML5中表单的新增属性，帮助读者全面掌握这些新特性。内容涵盖autocomplete、autofocus、list等常用属性，并详细解释了form、novalidate、enctype和accept-charset等高级属性的功能与应用场景。 ... [详细]
  • focus

    黑马头条项目：Vue 文章详情模块与交互功能实现

    黑马头条项目：Vue 文章详情模块与交互功能实现
    本文详细介绍了如何在黑马头条项目中配置文章详情模块的路由、获取和展示文章详情数据，以及实现关注、点赞、不喜欢和评论功能。通过这些步骤，您可以全面了解如何开发一个完整的前端文章详情页面。 ... [详细]
  • html

    yikesnews第11期：微软Office两个0day和一个提权0day

    yikesnews第11期：微软Office两个0day和一个提权0day
    点击阅读原文可点击链接根据法国大选被黑客干扰，发送了带漏洞的文档Trumps_Attack_on_Syria_English.docx而此漏洞与ESET&FireEy ... [详细]
  • hover

    Android WebView自适应布局与优化

    本文详细介绍了如何在Android 4.4及以上版本中配置WebView以实现内容的自动高度调整和屏幕适配，确保中文显示正常，并提供代码示例。 ... [详细]
  • hover

    使用JS、HTML5和C3创建自定义弹出窗口

    使用JS、HTML5和C3创建自定义弹出窗口
    本文介绍如何结合JavaScript、HTML5和C3.js来实现一个功能丰富的自定义弹出窗口。通过具体的代码示例，详细讲解了实现过程中的关键步骤和技术要点。 ... [详细]
  • html

    HTML 联系我们表单设计

    本文详细介绍了如何使用 HTML 和 CSS 创建一个功能齐全的联系我们表单，包括布局和样式设计。 ... [详细]
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社区 版权所有