如何让DIV无法聚焦?

Mor*_*eng 14 html javascript focus

我遇到了关于HTML呈现的问题.

在IE7的dir ="rtl"文档中,当JavaScript尝试将焦点设置为DIV元素(使用oElement.focus()方法)时,渲染变为混乱.上下文非常复杂,所以我认为最简单的解决方法是使DIV无法对焦?

有什么方法可以让DIV无法集中注意力吗?

Mis*_*cky 22

<div>不应该是能够除非你已经加入获得焦点的tabIndex.

如果您已添加tabIndex,则应将其删除

document.getElementById("yourElement").removeAttribute("tabIndex");
Run Code Online (Sandbox Code Playgroud)

  • 我知道这是超级老,但我的经验表明,即使没有tabIndex,Firefox也会允许div获得焦点.(仅作为其他googlers的FYI添加.) (2认同)
  • 请注意,具有 `contenteditable="true"` 的 div 也可以获得焦点。 (2认同)

Rob*_*ben 17

此外,如果要将可聚焦元素(表单输入元素等)设置为不可捕获.你可以设置:

tabIndex = "-1"

document.getElementById("yourElement").setAttribute("tabIndex", "-1");
Run Code Online (Sandbox Code Playgroud)

  • 但这不会使元素无法聚焦,只会使其无法通过键盘导航访问。单击该元素仍会将其聚焦。 (3认同)