的任何优点超过<跨度>链接文本" />

的任何优点超过<跨度>链接文本

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

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

或者另一种方式是:

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

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

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

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

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

I have some HTML DOM elements for which I need to capture click events, like a drop-down menu widget, etc.
I guess we can implement in 2 ways:

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

or another way is:

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

In the second option, of course I can add CSS property cursor:pointer.

All I need is to capture the click event, for which I can have the same click handler function for both the cases.

Do you think there is any reason why we would use anchor tag method?

The second option looks more clean. Also, the IE has a default behavior for anchor tag click events, which can have unwanted consequences, etc.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

长梦不多时 2024-12-10 06:46:08

锚标记的一些好处:

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

Some benefits of the anchor tag:

  • you can provide a default behavior for users who don't have JavaScript enabled (if you care about that).
  • tabbing on the keyboard will set focus on anchor tags by default.
  • you get default styles that may be desirable on anchor tags.
计㈡愣 2024-12-10 06:46:08

取决于你需要/想要什么。使用链接的好处是它们将显示为链接(其他颜色、不同的鼠标光标、仅搜索链接的可能性、可能存在可访问性问题等)。

使用跨度不会执行此操作,但具有其他好处,例如如果激活,则不会有不同的颜色或者已经访问过该链接。

话虽这么说,恕我直言,选择任何一种方法都没有真正的好处,可能取决于文本是否应该显示/表现得像链接。

Depends on what you need/want. Using links have the benefit they will be displayed as links (other color, different mouse cursor, possibility to search only for links, maybe accessibility issues, etc.)

Using spans does not do this but has other benefits like no different color if you activated or visited the link already.

That being said there is IMHO no real benefit for choosing either method probably depends if the text should be displayed/behave like a link or not.

怪我太投入 2024-12-10 06:46:08

对于看起来像锚点的跨度,您必须设置颜色(标准和悬停。并且无法为其设置“访问”)、下划线和光标:指针。还觉得这样更干净吗?

For span look like an anchor you have to setup colors (standard and hover. And there'is no way to set Visited for it), underline and cursor:pointer. Still think it's cleaner?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文