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

将其放入锚标记

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

Answer 2

您可以使用以下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 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>

如何使整个div可点击

3 个答案: