使整个 div 可点击

Question

我正在尝试让整个div可点击，这有效，但只能直接链接到另一个站点。有没有办法让它也处理这个文本：

<div class='reddit' title='Share Us On Reddit' onclick="window.open('http://www.reddit.com/submit?url=httpsFwww.example.com&amp;title=XXX is Cape Breton's Homepage. Start Your Web Search With Beautiful Cape Breton Island')">

谢谢

Answer 1

来自 CSS Tricks

这可能不是你需要依赖JavaScript的东西。 了。从HTML5开始，这是完全有效的：

<a href="http://example.com">
<div>
anything
</div>
</a>

请记住，您可以display: block;建立链接，所以有时您会 甚至不需要div。

Answer 2

<div  style="cursor:pointer" onclick="document.location='evenidontknow-page.html'">
<h2>Full Div Clickable</h2>
</div

上面的代码对我帮助很大，这不需要任何额外的代码。

使用标签可以解决问题，但我们需要向其添加额外的代码。

请查看此链接以获取更多信息 W3schools

Answer 3

Bootstrap 具有一个名为"延伸链接"的功能。从文档中：

通过 CSS "拉伸"嵌套链接，使任何 HTML 元素或 Bootstrap 组件可点击。

您可以通过访问以下链接了解更多信息：

https://getbootstrap.com/docs/4.4/utilities/stretched-link/