2012-02-27 19 views

risposta

25

per la semantica userei un tag <button> come questo:

<button class="link">Clicky</button> 

per rendere il pulsante sembrare testo normale è possibile utilizzare i CSS:

button.link { background:none;border:none; } 

e per facilità di consegna click I 'utilizzare jQuery d in questo modo:

$(".link").click(function(){ 
    //your JS here 
}); 

ma se si dispone di un ID con il tasto è possibile utilizzare pianura JS li ke questo:

var button = document.getElementById("your-button-id"); 
button.onclick = function(){ 
    //do stuff 
} 
3

L'elemento appropriato per un controllo interattivo che non è un link da qualche parte è una <button>Label</button> o (<input type="button" value="Label">). (Puoi sempre modificare il bordo e lo sfondo con i CSS).

È possibile associare un gestore di eventi click utilizzando le API DOM standard (o una libreria che li astrae come YUI o jQuery).

1

posizionare il testo in un intervallo o altro elemento con una classe <span class="yourClass">text</span> e quindi utilizzare javascript per aggiungere un listener di eventi (preferibilmente alla fine del codice HTML. Per brevità, dimostrerò con jQuery, anche se potrebbe essere eseguito con javascript nativo.

<script> 
    $('.yourClass').on('click',function(){ 
    //your javacript 
    }); 
</script> 

in alternativa si potrebbe fare la ricerca in tutte le pagine per le istanze di quella parola, anche se io non lo consiglio che come farebbe cose realmente rallentare.

+3

non utilizzare un arco. Non sono progettati per essere interattivi, quindi se qualcuno naviga verso di loro utilizzando un dispositivo di input lineare (ad esempio un utente di tastiera o qualcuno che usa uno di nume rous pezzi di AT) quindi la messa a fuoco salterà su di esso. L'utilizzo di una campata è una barriera di accessibilità non necessaria. – Quentin

Problemi correlati