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

From CSS Tricks

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

struct Num {
    Num()
      : _val(2) {}

    Num(const std::string & str) {
        if (str == "TRAP") {
            _val = 1;
        } else {
            _val = 2;
        }
    }

    Num(const char * s) {
        _val = 3;
    }

    int _val;    
};

int main(void) {
    // Num n = std::string { "TRAP" }; // returns 1
    // Num n = std::string { "NOTTRAP" }; // returns 2
    Num n = "TRAP";
    return n._val;
}
请记住，有时你可以建立链接<a href="http://example.com"> <div> anything </div> </a> 甚至不需要div。

Answer 2

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

上面的代码对我很好，并且不需要任何额外的代码。

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

请检查此链接以获取更多信息w3schools

Answer 3

引导程序具有一个称为“拉伸链接”的功能。从文档中：

通过CSS“拉伸”嵌套链接，使所有HTML元素或Bootstrap组件均可点击。

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

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

使整个div可点击

3 个答案: