<div class="chunk"> <img src="./img/2.png" alt=""> <a href="javascript:;">跳转</a> </div>如何点击div触发a链接
时间: 2023-10-05 17:07:24 浏览: 62
通过href简单实现点击a链接跳到页面中指定的地方
你可以使用 JavaScript 来实现点击 div 触发 a 链接的效果。具体的实现方式如下:
1. 首先,给这个 div 元素添加一个 click 事件监听器。
2. 在监听器中,使用 `window.location.href = aLink.href;` 将页面的链接地址修改为 a 标签的链接地址。
3. 最后,阻止事件冒泡,以避免触发 div 元素的其他事件。
具体的代码如下:
```
const div = document.querySelector('.chunk');
const aLink = div.querySelector('a');
div.addEventListener('click', function(event) {
window.location.href = aLink.href;
event.stopPropagation();
});
```
这样,当用户点击 div 元素时,就会触发 a 标签的链接地址。
阅读全文