html - <a href ="javascript:void(0);"> 相对于 <span> 链接文本 </span> 的任何优势

标签 html jquery event-handling anchor jquery-events

我有一些 HTML DOM 元素需要捕获点击事件,例如下拉菜单小部件等。 我想我们可以通过两种方式实现:

<a href="javascript:void(0);" id="option1">My text</a>

或者另一种方式是:

<span id="option2">My text 2</span>

在第二个选项中,我当然可以添加 CSS 属性 cursor:pointer

我所需要的只是捕获点击事件,为此我可以为这两种情况使用相同的点击处理函数。

您认为我们有什么理由使用 anchor 标记方法吗?

第二个选项看起来更干净。此外,IE 对于 anchor 标记单击事件有默认行为,这可能会产生不良后果等。

最佳答案

anchor 标记的一些好处:

  • 您可以为未启用 JavaScript 的用户提供默认行为(如果您关心的话)。
  • 默认情况下,按键盘上的 Tab 键会将焦点设置在 anchor 标记上。
  • 您可以获得 anchor 标记可能需要的默认样式。

关于html - <a href ="javascript:void(0);"> 相对于 <span> 链接文本 </span> 的任何优势,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7326710/

相关文章:

html - 用于固定和全宽页面的可重复使用的包装器

html - 如何将响应式图像与签名网址结合起来

html - 如何在不删除的情况下将导航向右对齐(显示 : inline;)?

javascript - 触发父级的点击事件但阻止子级的点击事件

android - 使用 mGLSurfaceView 处理 UI 事件

html - 操作系统错误 : No such file or directory, errno = 2

javascript - 在函数内获取 post 变量

javascript - best_in_place 不是函数

javascript - 像killfeed一样排序和淡出

c++ - 在事件上使用 "Dispatch"函数的原因是什么?