JavaScript 无法将焦点设置到 ul 中的第一个 li 元素

2023-12-26

我有以下代码:

<ul id='someId'>
 <li class='someClass'>
 </li>
</ul>

我想根据某些条件将焦点集中在 ul 中的第一个 li 元素上。

我的第一次尝试是这样的:

var ul = document.getElementById('someId');           
var child = ul.childNodes[0];
child.focus();

我的第二次尝试是这样的:

var y = document.getElementsByClassName('someClass');
var aNode = y[0];
aNode.focus();

但以上都不起作用

有任何想法吗?


问题是,如果不设置 tabIndex,则无法聚焦非输入元素。

<li tabIndex="-1">...</li>

你可以试试这个小提琴:jsfiddle http://jsfiddle.net/vevzxLzk

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript 无法将焦点设置到 ul 中的第一个 li 元素 的相关文章

随机推荐

  • Microsoft Visual Studio 2019:无法打开项目文件。无法找到 .NET SDK

    我刚刚升级了我的视觉工作室2019到最新版本16 8 3突然间 我无法加载任何 C 项目 并且所有 NET Core 项目都出现以下错误 无法打开项目文件 无法找到 NET SDK 检查它是否已安装以及指定的版本 global json 如
  • PhoneGap 中可以集成支付网关吗?

    我想在 Android 和 IOS 的 PhoneGap 应用程序中实现支付网关集成 请帮助我执行正确的步骤 PhoneGap PayPal iPhone 插件 Here is link of PayPal Plugin for Phone
  • 从常规文件读取:阻止或返回更少的数据?

    是否有可能read to block 返回的数据少于请求的数据 从常规文件读取时 不包括 请求超过 SSIZE MAX 的数据 读取超出 EOF 的内容 信号中断 read 3 表明 排除上述条件 从常规文件读取时read永远不会返回少于请
  • 以编程方式膨胀 TextView 和 LinearLayout

    这里的问题是 在这两种情况下我没有得到相同的输出视图结果 我想修复情况 1 以获得与情况 2 相同的输出结果 膨胀textview和线性布局 然后以编程方式将textview添加到线性布局 将textview添加到xml中的线性布局中 案例
  • 如何将文本放入边框

    我正在尝试在边框中插入一些文本 但不知道该怎么做 我怎样才能在边框中间放置一些文本 下面是它应该看起来像的屏幕截图 尝试 HTML 图例标签 HTML图例 http www w3schools com tags tag legend asp
  • 如何使用C#获取Excel中当前打开的文档?

    我所需要的只是获取当前打开的 Microsoft Excel 实例中当前打开的文档列表 但我不知道 Excel 术语 不知道这些文档是否称为工作簿 工作表或窗口等 有任何想法吗 找到了 link http support microsoft
  • 如何将多个 xml 文件转换并合并为一个文件

    我希望您能帮助我使用 XSLT 将一些 XML 转换为新的 XML 我有选择多个 XML 并对它们应用 XSLT 的代码 我的问题是 XSLT 我想将这些 shop1 xml shop2xml 转换为 allshops xml 对于知道如何
  • 访问 ruby​​ 块内的厨师资源

    我一直试图在厨师文档和谷歌中找到这个问题的答案 但我一无所获 我还不是一个红宝石爱好者 所以这个问题的答案可能源于我用 为 Chef 准备足够的红宝石 来解决这个问题 这就是我想做的 在我的deploy资源 在before migrate属
  • 为什么我的 javascript 文件无法加载?

    我正在尝试将 JS 文件加载到我的网站中 我已将该文件放入与加载的文件完全相同的文件夹中 但 firebug 没有显示它已加载 并且其效果不可见 为什么会这样呢 这是加载脚本的代码 第一个未加载 第二个已加载 这是脚本本
  • 动态壁纸背景视差效果滚动

    我试图让动态壁纸中的背景在用户更改主屏幕时滚动时表现得像普通壁纸一样 我知道所需的方法是 onOffestsChanged 但我似乎无法让它工作 有人有建议或代码片段来让它工作吗 让您的引擎实现 onOffsetsChanged xOffs
  • Selenium click() - 选择按钮但不单击

    I m using Selenium Python to do something like a Robotic Process Automation However I am facing problems clicking in a b
  • Django 过滤 ModelFormSet 字段选择...与限制 Formset 的查询集不同

    我明白这是可能的覆盖模型表单集 使用 的默认查询集 https docs djangoproject com en dev topics forms modelforms using a custom queryset 这只是限制了为其创建
  • 将 int 文字分配给字节变量时是否需要进行强制转换?

    我读过一本书 有一句话 byte rounds 12 fighters byte 2 它指出 字节原语有一个四字节有符号整数作为其有效值 文字 如果未执行显式转换 则整数为 隐式转换为一个字节 根据Oracle文档 一个字节本质上不应该是一
  • 如何使用 webpack 加载库源映射?

    我正在使用 webpack 构建两个项目 一个是另一个的图书馆 在构建包装器项目时是否可以使用我的库项目中的源映射 我希望能够从我的包装器 UI 调试我的库代码 我的构建工作正常 因为该库是内置的 唯一的问题是源映射 我在浏览器调试器中看到
  • 大多数未打补丁的 Tomcat Web 服务器都容易受到攻击,这是谁的错呢? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 字符串的哈希函数

    我们目前正在课堂上处理哈希函数 我们的老师要求我们使用互联网上的哈希函数来与我们在代码中使用的两个函数进行比较 第一个 int HashTable hash string word POST the index of entry is re
  • 使用 JavaScript 动态设置选择选项

    如何使用 Javascript 动态设置 html 选择字段中的选项 这是我的页面设置
  • 这个语法是什么? ; (函数($,未定义)[重复]

    这个问题在这里已经有答案了 function undefined all the variables and functions of the js document jQuery 我已经在缩放脚本的 jquery javascript 文
  • Android 中使用 9 个补丁水平和/或垂直居中

    我找不到一个在我看来标准的谈论我的问题的话题 这让我认为这是不可能的 但我尝试一下 我有一个带有 9 个补丁背景的relativelayout 其中包含一个内容区域 是否可以将 TextView 相对于内容区域水平和 或垂直居中于此rela
  • JavaScript 无法将焦点设置到 ul 中的第一个 li 元素

    我有以下代码 ul li class someClass li ul 我想根据某些条件将焦点集中在 ul 中的第一个 li 元素上 我的第一次尝试是这样的 var ul document getElementById someId var