标签 javascript html
<分区>
基本上我所做的是，我在 After Effects 中制作了一个网络广告，我希望将其放入 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>
预期的结果是，一旦您点击网络广告，您就会被定向到另一个网站。
最佳答案
您可以使用以下 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;
}
关于javascript - 如何使整个div可点击，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58483777/