Come nascondere l'URL quando viene visualizzato il mouse quando si posiziona il puntatore del mouse su un collegamento ipertestuale?come è possibile nascondere l'URL nel collegamento ipertestuale quando si passa con il mouse su
Come posso nascondere l'URL dalla visualizzazione nella barra di stato in basso del browser quando si posiziona il mouse?
Non mettere l'URL nella href (o tenerlo href="#") e allegare una funzione JavaScript per l'evento onclick che mette il collegamento reale nell'elemento a. In questo modo non vedrai l'URL effettivo quando passi il mouse sul link, ma il link verrà inserito quando l'utente fa effettivamente clic.
ok ma posso vedere che # qui, non deve essere visualizzato nulla, ad esempio, al passaggio del mouse su Aggiungi commento in questo sito StackOverflow, non viene visualizzato nessun URL su quel collegamento ipertestuale come? – saroj
Non c'è alcun attributo 'href' in quell'elemento qui su Stack Overflow, si potrebbe provare. Quindi, quando si fa clic, la funzione JavaScript deve aggiungere l'attributo 'href' con l'URL come valore. –
puoi per favore mostrare una demo del genere? con un esempio in modo da poter testare qui – saroj
tecnicamente disponi di window.status per creare messaggi personalizzati sulla barra di stato. è possibile impostare nel corso di un "onmouseover" evento per tale elemento e impostare la window.status ad una stringa vuota .. thats come abbiamo fatto molto tempo fa però ..
browser in questi giorni a prevenire la modifica dello stato bar di default (per quanto ne so, Firefox lo impedisce). quindi non vi è alcuna garanzia che questo approccio possa fare qualsiasi cosa.
Basta utilizzare onclick = "location.href = '#'"
<button class="class" onclick="window.location.href='http://stackoverflow.com'">Visit StackOverflow</button>In questo modo si può facilmente nascondere URL quando passaggio del mouse sul collegamento ipertestuale.
Basta aggiungere un ID sul collegamento di ancoraggio.
HTML codice
<a href="url" id='no-link'>Hyperlink</a>
Jquery
$(document).ready(function() {
setTimeout(function() {
$('a[href]#no-link').each(function() {
var href = this.href;
$(this).removeAttr('href').css('cursor', 'pointer').click(function() {
if (href.toLowerCase().indexOf("#") >= 0) {
} else {
window.open(href, '_blank');
}
});
});
}, 500);
});
Ecco collegamento demo https://jsfiddle.net/vipul09so/Lcryjga5/
Ti spiace spiegare perché è necessario il 'setTimeout'? –
Provare senza setTimeout. Ti rendi conto di cosa succede lì. –
Suona come si sta cercando di fare qualcosa di impreciso. Per quanto ne so, non c'è modo di prevenire questo comportamento, per evitare che le persone cerchino di nascondere dove può arrivare il link. Duh. – sg3s
molte volte potresti aver visto che nessun url viene visualizzato quando il mouse gira su quel collegamento ipertestuale, come è? per i resons di sicurezza? – saroj
Esegue con il metodo descritto da Simeon. Io per primo non mi fido dei siti che usano quel metodo; non è bello, mi piace sapere dove sto andando e non è necessaria alcuna offuscazione. – sg3s