Sono molto nuovo all'utilizzo di html e javascript. Voglio aggiungere la possibilità di avere la possibilità di fare clic su un determinato testo e di eseguire il javascript corretto. C'è qualche codice di riferimento che posso guardare o un tutorial che può aiutarmi?Html rende il testo cliccabile senza renderlo un collegamento ipertestuale
risposta
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
}
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).
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.
- 1. Collegamento ipertestuale HTML con testo immagine E
- 2. Collegamento ipertestuale in Android
- 3. Java: sostituzione dell'URL di testo con collegamento HTML cliccabile
- 4. Collegamento ipertestuale all'interno di un blocco testo
- 5. aumentare la dimensione del testo del collegamento ipertestuale html
- 6. Collegamento ipertestuale nel widget Testo Tkinter?
- 7. Come rendere il funzionamento del pulsante (collegamento) come collegamento ipertestuale?
- 8. Collegamento ipertestuale interno in testo ristrutturato con testo personalizzato
- 9. Schema SMS iOS in collegamento ipertestuale HTML con corpo
- 10. MVC 3 Webgrid rende intera riga cliccabile
- 11. Excel 2010 - Solo testo collegamento ipertestuale e non intera cella
- 12. Creare un collegamento ipertestuale all'interno di una cella di Excel?
- 13. Collegamento ipertestuale semplice in GWT?
- 14. TextView sottolinea il numero di telefono e il collegamento ipertestuale
- 15. Inserire un collegamento ipertestuale in un MessageBox
- 16. Android - Rende cliccabile l'intera barra di ricerca
- 17. capo automatico in WPF collegamento ipertestuale
- 18. Perché utilizzare window.location in un collegamento ipertestuale?
- 19. Pulsante di avvio Collegamento ipertestuale
- 20. Emissione di un collegamento ipertestuale da un controller in cakePHP
- 21. Creare una visualizzazione di testo di collegamento ipertestuale in Android
- 22. ottenendo testo del collegamento ipertestuale su Chrome fare clic destro
- 23. TextView Il collegamento ipertestuale non funziona?
- 24. collegamento ipertestuale su Testo nella cella utilizzando phpExcel
- 25. Come posso registrare un collegamento ipertestuale?
- 26. Aggiunta di collegamento ipertestuale al testo in JQuery
- 27. Come creare un collegamento ipertestuale in MessageBox.show?
- 28. Come creare un collegamento ipertestuale usando XSLT?
- 29. elemento inline-block senza testo rende diverso
- 30. innerHTML senza html, solo testo
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