在仅包含类名的div中检查单击了哪个链接,可以通过以下步骤进行:
具体的实现步骤如下:
<div class="link-div">
<a class="link1" href="#">Link 1</a>
<a class="link2" href="#">Link 2</a>
<a class="link3" href="#">Link 3</a>
</div>
const linkDiv = document.querySelector('.link-div');
linkDiv.addEventListener('click', handleClick);
function handleClick(event) {
const clickedLink = event.target;
if (clickedLink.classList.contains('link1')) {
console.log('Clicked Link 1');
// 处理链接1的操作
} else if (clickedLink.classList.contains('link2')) {
console.log('Clicked Link 2');
// 处理链接2的操作
} else if (clickedLink.classList.contains('link3')) {
console.log('Clicked Link 3');
// 处理链接3的操作
}
}
以上代码示例中,通过判断点击元素的classList是否包含某个特定的类名,即可确定点击了哪个链接。你可以根据实际需求,进行相应的操作或跳转。
关于腾讯云相关产品和产品介绍链接地址,可参考腾讯云官方文档或网站获取最新信息。
领取专属 10元无门槛券
手把手带您无忧上云