Question

如何制作整个DIV可点击的超链接。意思是，我基本上想做：

<div class="myclass" href="example.com">
    <div>...</div>
    <table><tr>..</tr></table>
    ....
</div>

每当有人将鼠标悬停在myclass DIV上时，我希望整个DIV是一个可点击的超链接。

Answer 1

您可以将JavaScript的onclick添加到div中。

<div onclick="location.href='newurl.html';">&nbsp;</div>

编辑：换新窗口

<div onclick="window.open('newurl.html','mywindow');" style="cursor: pointer;">&nbsp;</div>

Answer 2

您可以在<a>内添加<div>元素，并将其设置为display: block和height: 100%。

Answer 3

您只需将光标指定为指针而不是指针，因为指针现在是标准，因此，这是示例页面代码：

<div onclick="location.href='portable-display-stands.html';" id="smallbox">The content of the div here</div>

和示例CSS：

#smallbox {
    cursor: pointer;
}

所以div现在是一个使用'onclick'的可点击元素，你用CSS伪造了手形光标......完成工作，对我有用！

Answer 4

这是一个迟到的答案，但这个问题在搜索结果中显得很高，因此值得正确回答。

基本上，您不应该尝试使div可点击，而是通过为<a>标记提供display: block CSS属性来制作类似div的锚点。

这样，您的HTML在语义上保持有效，您可以继承超链接的典型浏览器行为。即使javascript被禁用/ js资源未加载，它也可以工作。

Answer 5

在onclick代码中添加DIV。

Answer 6

你为什么不这样做

<a href="yoururl.html"><div>...</div></a>

这应该可以正常工作，并会提示“可点击的项目”光标更改，上述解决方案不会这样做。

Answer 7

替代方案是通过onclick事件进行javascript和转发

<div onclick="window.location.href='somewhere...';">...</div>