2016-06-01 5 views
1

UPDATEausblenden URL der Maus overing Link


fand ich endlich eine einfache und leichte Art und Weise:

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

Ich hatte einen Tag zu verwenden, um das Ereignis zu dem Text hinzuzufügen, so habe ich font weil es doesn t nichts modifizieren. P.S .: Dies funktioniert bei JS Fiddle nicht, da die Verbindung aus irgendeinem Grund nicht geöffnet wird (sie bleibt leer).


Wahrscheinlich dupliziert, aber ich konnte es nicht finden, gibt es eine Möglichkeit, die URL eines Links zu verhindern, wenn ich meine Maus darüber bewege? Code mit Bild der 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

Mögliches Duplikat von [wie kann URL in Hyperlink versteckt werden, wenn die Maus schwebt] (http://stackoverflow.com/questions/9851372/how-can-url-be-hidden-in-hyperlink-when-mouse-hover) –

+0

Theres keine Möglichkeit, dies in jedem Browser zuverlässig zu tun. Außerdem sollte es NIEMALS notwendig sein, das zu tun - warum willst du das tun? - Sie können Javascript verwenden, wenn Sie nicht anzeigen möchten, wo der Link ist. => 'onMouseOver =" window.status = '' "' – Xatenev

+0

@PatrickEvans Ich denke, die Lösung ist auf der ersten Antwort dieses Links. Es ist nicht genau, aber es ist ein Trick, ein Umweg. –

Antwort

0

Die JSFiddle brach so werde ich nur hier den gesamten Code einfügen. Bitte beachten Sie, dass die Links in JSFiddle nicht funktionieren, da sie window.location nicht zulassen, aber auf Ihrer Website funktionieren.

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

Ein kleiner Trick, aber es funktioniert. Vielen Dank! ... und zu den anderen sagen, es ist unmöglich, nur nicht ... –

+0

Die Jquery funktioniert für alle Links, wenn Sie also andere Links auf der Seite haben, möchten Sie vielleicht nur eine bestimmte Klasse auswählen, nicht alle Sie, sonst funktionieren Ihre anderen Links nicht. Ansonsten solltest du golden sein. – Chris

+0

@Chris Muss der Link in einem anderen Tab geöffnet werden? –

0

Es ist unkontrolliertes Browserverhalten.
Sie können es in ein Div konvertieren, einen Klick-Ereignis-Listener anhängen und die gewünschte URL in der Callback-Funktion öffnen.

+0

Sorry, ich mag keine Einschränkungen. –

+0

Welche Einschränkungen? –

+0

Nicht in der Lage, das mit einem einfachen Attribut zu kontrollieren. –

0

einfach fügen Sie es OnClick wie folgt aus:

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

Hoffe es hilft dir.

+0

Das zeigt: 'javascript:;'. –