【前端】技巧 监听所有A标签 拦截 用于安全跳转等
监听a标签()
如果有动态的a标签 可以生成动态a标签之后 再执行这个方法
function 监听a标签(){
// 获取所有的 <a> 标签
const links = document.querySelectorAll('a');
// 遍历每个 <a> 标签,并添加点击事件监听器
links.forEach(link => {
link.addEventListener('click', function(event) {
// 阻止默认行为,即阻止跳转
event.preventDefault();
// 在这里可以添加你自己的逻辑
// 例如获取链接的 href 属性值
const href = link.getAttribute('href');
console.log('Clicked link:', href);
ahref = href;
$('#clickA').modal('show')
// 或者进行其他操作
// 例如在新标签页打开链接
//window.open(href, '_blank');
});
});
}
监听a标签()