【前端】技巧 监听所有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标签()
【前端】技巧 js 监听所有A标签 拦截 用于安全跳转等
发布时间：2026/6/6 6:20:16
【前端】技巧 监听所有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标签()
