2016-06-01 4 views
1

UPDATE隠すURL


私は最終的にシンプルかつ簡単な方法が見つかりました:

<font onclick="window.open('https://www.google.pt/', '_self');" style="background:0;border:0;outline:0">Link 

をそれはdoesnのため、私はfontを使用してテキストにイベントを追加するためにタグを使用していました何かを修正する。 P.S .:これはJS Fiddleでは動作しません。何らかの理由でリンクが開かない(空白のままです)。


おそらく複製されていますが、それを見つけることができませんでした。マウスを移動するとリンクのURLが表示されないようにする方法はありますか? URLの画像と コード:

<a href="https://www.google.pt/">Google</a> 
<br> 
When I over the mouse on the link, it shows the URL on the bottom left corner. 
<br> 
<img src="http://i.imgur.com/pq3ket7.png"> 
<br> 
Is there any way to prevent it? 
I'm using Chrome. 

https://jsfiddle.net/1tbg478j/

+1

[マウスを動かすとハイパーリンクでどのようにURLを隠すことができますか?](http://stackoverflow.com/questions/9851372/how-can-url-be-hidden-in-hyperlink-when-mouse-hover ) –

+0

すべてのブラウザでこれを信頼できる方法はありません。もちろん、そうしなければならないことは決してありません。なぜそれをやりたいのですか? - あなたは、リンクがどこに行くかを表示したくない場合は、JavaScriptを使用することができます。 => 'onMouseOver =" window.status = '' "' – Xatenev

+0

@PatrickEvans私は解決策がそのリンクの1番目の答えにあると思います。それはまさにそうではありませんが、それを取り巻く道なのです。 –

答えて

0

JSFiddleので、私はちょうどここにすべてのコードを貼り付けます破りました。 window.locationを許可しないため、JSFiddleではリンクが機能しませんが、Webサイトでは機能します。

HTML:

<a class="no-href" data-location="https://www.google.pt">Google</a><br /> 
<a class="no-href" data-location="https://www.google.com">Link 2</a><br /> 
<a class="no-href" data-location="https://www.google.co.za">Link 3</a><br /> 
<a href="https://www.google.pt/">Normal Link</a><br /> 
<br> 
When I over the mouse on the link, it shows the URL on the bottom left corner. 
<br> 
<img src="http://i.imgur.com/pq3ket7.png"> 
<br> 
Is there any way to prevent it? 
I'm using Chrome. 

JS:

$('.no-href').click(function(e){ 
    e.preventDefault(); 
    window.location = $(this).attr('data-location'); 
}); 

CSS:

.no-href { 
    color: blue; 
    cursor: pointer; 
    text-decoration: underline; 
} 
+0

少しトリックですが、うまくいきます。ありがとう! ...そしてそれが不可能だと言っている他の人には、ちょうどしないでください... –

+0

Jqueryはすべてのリンクで動作しますので、ページに他のリンクがある場合は、他のリンクは機能しません。それ以外は、あなたは金色でなければなりません。 – Chris

+0

@Chris別のタブでリンクを開く必要はありますか? –

0

それは制御されていないブラウザの動作です。
これをdivに変換し、クリックイベントリスナーをコールバック関数に追加することができます。これによると、それを行うことがカント

+0

申し訳ありませんが、私は制限が好きではありません。 –

+0

どのような制限がありますか? –

+0

単純な属性でそれを制御できません。 –

0

は、単にこのようにクリック時にそれを追加します。

<a href="javascript:;" onclick="location.href='https://www.google.pt/'">Google</a> 

あなたのお役に立てば幸いです。

+0

これは 'javascript:;'を示しています。 –