专注于非输入/锚元素？

Question

我正在研究一些需要可以获得焦点的标记的JavaScript。 我希望能够使用<div />标签，但<div />标签无法获得焦点。

看起来唯一可以获得焦点的元素是<input />标签和<a />标签。 有没有其他方法可以让元素获得不是<input />或<a />标记的焦点？

我不能使用<a />或<input />标签，因为我需要能够将内容放在标签内，这样这些标签都不会起作用，除非有办法允许嵌套的<a />标签，尽管我怀疑它，因为这违背了标准 。 我试图想出一种方法来允许<div />标签（或任何其他容器元素）获得焦点。

Answer 1

你能说“关注”是什么意思？ 可以设置任何DOM元素以接收包括click事件在内的大量javascript事件。

或者你的意思是“可以用键盘选项卡”？ 如果是这样，如果你不能使用a标签为您的容器，然后尝试tabindex属性上的元素。 我不确定它是如何跨浏览器的，但至少在自己用javascript编写标签式ui之前先尝试一下。

Answer 2

书签是要走的路。

开始你的内容

<a href="#anchor">

Answer 3

有些解决方法而且在语义上不正确，但......

a#foo { display: block; }
a#foo:hover { cursor: default; }

然后使用JavaScript拦截在onClick事件a#foo并返回false。