javascript - div 内的 href 打开一个新页面/标签

Question

我有一个 div，我在这个 div 中有一个链接。我希望用户能够单击 div 中的任意位置，然后他们转到链接中的页面。链接可以改成<span>/<p> ，那不重要。但是，有以下条件:

1. 我无法使用 css 制作 <a>标记为 display: block;
2. 如果我使用 onClick，我希望用户能够根据需要使用鼠标中键(或右键单击，新选项卡)在新选项卡中打开页面。如果我使用 onClick 和 javascript，我目前没有此功能。
3. 我希望它是有效的 CSS，即我不想拥有 <a><div> .... </div></a>

这几乎概括了我遇到的问题。我试过四处阅读，但大多数人似乎通过点击、显示:阻止或放置图像，或强制用户在新窗口中打开页面来解决问题。我不想要任何这些解决方案，我只想要一个 div 作为普通链接工作(如果可能的话)。

非常感谢

Answer 1

您可以尝试用 DIV 包裹 A 标签，而不是反过来。

代替:

<div><a>link</a></div>

尝试:

<a><div>link</div></a>

因此，它可能不是有效的标记(在 HTML5 之前)，但它现在已被 HTML5 标准接受这一事实似乎是后见之明，这至少是一种好的方式来完成您的需要。