Html rendre le texte cliquable sans en faire un lien hypertexte

Question

Je suis très nouveau à l'aide de html et javascript. Je veux ajouter la possibilité d'avoir la possibilité de cliquer sur certains textes et d'exécuter le javascript correct. Y a-t-il un code de référence que je peux regarder, ou un tutoriel qui peut m'aider?

Answer 1

pour la sémantique j'utiliser une balise <button> comme ceci:

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

pour que le bouton ressembler à du texte normal, vous pouvez utiliser css:

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

et pour la facilité de remise, cliquez I d 'utiliser jquery comme si:

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

mais si vous avez un ID sur le bouton, vous pouvez utiliser JS li simple ke ceci:

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

Answer 2

L'élément apropriate pour une commande interactive qui ne soit pas un lien est quelque part une ou <button>Label</button> (<input type="button" value="Label">). (Vous pouvez toujours détourner la bordure et l'arrière-plan avec CSS).

Vous pouvez lier un gestionnaire d'événements click à l'aide des API DOM standard (ou d'une bibliothèque qui les extrait, telle que YUI ou jQuery).

Answer 3

Placez le texte dans un span ou un autre élément avec une classe <span class="yourClass">text</span>, puis utilisez javascript pour ajouter un écouteur d'événement (de préférence à la fin de votre code HTML.) Par souci de brièveté, je vais démontrer avec jQuery, bien que cela puisse être fait avec javascript natif.

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

Sinon, vous pouvez faire des recherches dans toute la page pour les instances de ce mot, bien que je ne recommande pas que les choses comme il le ferait vraiment ralentir.