修改浏览器左下角鼠标悬停的路劲

Question

如何修改html中a标签鼠标悬停上去浏览器左下角显示的路径，左下角显示的是假路劲，点击后跳转到真实路径

Answer 1

可以通过js点击事件来处理，如
html

<a href="www.baidu.com" data-href="www.12.com">baidu </a>
    <a href="www.baidu.com" >baidu </a>

js

const allA = document.querySelectorAll('a');
        allA.forEach((item)=>{
            item.onclick = function(e){
                if(this.getAttribute("data-href")){
                    e.preventDefault()
                    window.location.href = this.getAttribute("data-href");
                }
            }
        })