[Solved] HTML How to change link text when mouse over

Question

Its pretty sure for security reasons this isn’t possible in any browser. Otherwise links to phishing sites will become much, much harder to detect, because attackers can then just place a genuine URL in the status bar while the dangerous link actually leads elsewhere

You can refer to this stackoverflow link for more details

But if you still wanna try this, then go for

scenario as :

<a href="#this is a really UGLY link @1##$$%!!&" 
   onmouseover="showNiceLink(this,event)" 
   onclick="showNiceLink(this,event)" 
   onmouseout="showNiceLink(this,event)">someplace</a>

And JS

function showNiceLink(el,e){
    e = e || event;
    el.originalHref = el.originalHref || el.href;
    console.log(e.type);
    if (/click|out/i.test(e.type)){
        return el.href = el.originalHref;
    } else {
        el.href = "http://Linking...";
    }
}

Refer to fiddle here

Accepted Answer