【前端】技巧 js 监听所有A标签 拦截 用于安全跳转等

【前端】技巧 监听所有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标签()