jquery - 滥用 标签

Question

据我了解，< A >标签是“ anchor ”标签，它有三个用途:

1) 描述并命名页面上的项目 <a name="foo"/>

2) 单击时将用户转到另一个页面 <a href="http://www.yahoo.com">Yahoo!</a>

3) 单击时将用户发送到同一页面中的另一个位置 <a href="#foo">Foo!</a>

有人向我解释说 < a >标签是唯一跨浏览器普遍处理的触摸/点击事件，我们需要劫持它以实现这种兼容性。我对此表示怀疑 - 如果浏览器能够显示使用 JQuery(和 CSS2/3!)的网站，浏览器也应该能够处理自定义 onclick()不需要 anchor 标签的事件。

现在，使用 <A> 处理所有可点击事件已成为项目中的标准操作程序。标签。在代码中，我们必须防止默认(否则页面跳转到顶部)，然后处理我们愉快的事情。我强烈认为这是在滥用标签的用途，就像某些框架如何劫持 <i> 一样。标记以显示图标。

IMO，如果您想要一个可选择的 LI 列表，您可以为每个 LI 项目分配一个“onclick”事件处理程序。由于没有默认操作，因此无需担心防止默认操作。

由于这是 StackOverflow，我需要回答一个问题:当前规定的这种行为是否滥用了 < A > 的目的？标签？

编辑:出于可访问性的目的(能够通过对象切换，A 允许但 LI 不允许)，这篇关于在 LI 上设置 TabIndex 的 StackOverflow 帖子似乎很有希望:

What is the HTML tabindex attribute?

Answer 1

通过使用 jQuery，您可以on('click',callback) 任何元素。

仅使用 a 元素可能是出于可访问性目的(例如，告诉屏幕阅读器该元素将执行一些有趣的操作)。