css - URL href テキストをタイトルでマスクする方法

Question

この質問の投稿が見つからない前に、これはすでに質問されている必要があります。

その中にリンクがありhref="javascript.void(0);"ますが、これを誰にステータスバーにしたくないので、何らかのタイトルまたは実際のURLを表示したいのです。属性を使用しようとしましたtitleが、これは機能しません。多くの人が非推奨になる前に、これが行われたのを見たことがあると確信していHTML5ます。

ありがとう！

Answer 1

編集:わかりました、リンクのブラウザー ステータス バーのテキストを変更しようとしているようです。を使用window.statusしてリンクの表示テキストを設定する方法が以前は行われていましたが、現在では使用できなくなりました。セキュリティ上の理由から、最新のブラウザーでは無効になっています。ただし、一部のサイトはまだ似たようなことを行っています。ここ SO で簡単に検索すると、どうやら Facebook と Google のようです。ただし、それらのソリューションは少し複雑です。それらのページの 1 つにアクセスしてソースを表示し、それを理解しようとすることをお勧めします。

編集＃2：このjsfiddleを見てください-それはあなたが望むことをするかもしれません： http://jsfiddle.net/c4BZG/88/

HTML:

<a href="javascript.void(0);" 
   onmouseover="showNiceLink(this,event)" 
   onclick="showNiceLink(this,event)" 
   onmouseout="showNiceLink(this,event)">someplace</a>

Javascript:

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...";
    }
}