【前端】技巧 js 监听所有A标签 拦截 用于安全跳转等_如何拦截所有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标签()