如何使整个div可点击

Question

基本上我所做的是，我做了一个网络广告在后置效果，我想把它放在HTML，如果用户点击我的广告，他们会被带到一个你选择的同伴网站。因此，我希望整个div，它在其中是可点击的，并使其链接到另一个网站。使用javascript。

    <!-- Meta -->
    <meta charset="UTF-8" />
    <title>Bodymovin Demo</title>

    <!-- Styles-->
    <style>
        #bm{max-width: 970px:margin: 0 auto;}
     </style>

</head>
<body>

    <div id="bm"></div>





    <!-- Scripts -->
    <script src="lottie.js"></script>
    <script src="anim.js"></script>

预期的结果是，一旦你点击网络广告，你就会被导向到另一个网站。

Answer 1

您可以使用以下Javascript：

<script>
    const adv_div = document.querySelector('#bm');
    const adv_url = 'https://www.google.com';
    adv_div.addEventListener(
        'click',
        () => {
            window.open(adv_url);
        }
    );
</script>

若要在元素上悬停时将光标更改为手动(指针)，请使用以下CSS：

#bm {
    cursor: pointer;
    max-width: 970px;
    margin: 0 auto;
}

Answer 2

把它放进锚标签里

<a href="link"> 
    <div id="bm"></div> 
</a>

Answer 3

只需在div上创建onclick函数即可。只要在div内部单击，函数就会被调用。

​

function a()
{
console.log("Div clicked")
}

#bm {
  max-width: 970px:margin: 0 auto;
}

<div id="bm" onclick="a()">dfsfsdfsd sdfsdf sdfsd fsd fs dfsd
</div>

​