时间戳

首页 > 解决方案 > 使整个 div 可点击

clickable - 使整个 div 可点击

问题描述

我试图让整个 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')">

谢谢

标签： clickable

解决方案

来自 CSS 技巧

这可能不再是您需要依赖 JavaScript 的事情了。从 HTML5 开始，这是完全有效的：

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

请记住，您可以创建链接display: block;，因此有时您甚至不需要 div。

推荐阅读