具有“onclick”功能的 Div 在浏览器中具有与 <a> 标签相同的选项答案

【问题标题】：Div with "onclick" function to have in browser same options like <a> tag具有“onclick”功能的 Div 在浏览器中具有与 <a> 标签相同的选项
【发布时间】：2014-01-17 15:26:38
【问题描述】：

我可以让我的<div> 标记和onclick() 功能在浏览器中具有与<a> 标记相同的选项吗？

我需要一些选项，例如“在新窗口中打开”、“复制链接位置”...

【问题讨论】：

这将如何工作 - 复制什么的链接位置？在新窗口中打开 div.......

标签： javascript jquery html css

【解决方案1】：

如果您希望 div 像链接一样，您应该使用链接。将 display 设置为 block，你就得到了一个 block 元素。

HTML：

<a class="I_AM_A_BLOCK" href="funky_chicken_dance.html">My Content</a>

CSS：

.I_AM_A_BLOCK {
    display: block;
}

【讨论】：

【解决方案2】：

不，但在 HTML5 中，您可以将链接包裹在块级元素周围。

<a href="#">
    <div>Hello!</div>
</a>

【讨论】：

【解决方案3】：

没有。

您可以创建 a custom context menu，但链接上的大多数选项在 JavaScript 中是不可复制的（而且您无法知道可能添加了哪些非标准选项扩展）。

您可能应该使用真正的<a>，而不是试图让<div> 表现得像一个。

【讨论】：