Html hacer que se pueda hacer clic en el texto sin convertirlo en un hipervínculo

Question

Soy muy nuevo en el uso de html y javascript. Quiero agregar la posibilidad de tener la opción de hacer clic en cierto texto y ejecutar el javascript correcto. ¿Hay algún código de referencia que pueda ver, o un tutorial que pueda ayudarme?

Answer 1

para la semántica que haría uso de una etiqueta <button> así:

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

para que el botón ver como texto normal puede utilizar css:

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

y para la facilidad de entrega clic I usaría jquery como lo siguiente:

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

pero si tiene una ID en el botón puede usar plain JS li ke esto:

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

Answer 2

El elemento adecuada exploración para un control interactivo que no es un enlace en algún lugar es un <button>Label</button> o (<input type="button" value="Label">). (Siempre puedes decorar el borde y el fondo con CSS).

Puede enlazar un controlador de eventos click con las API DOM estándar (o una biblioteca que los resuma como YUI o jQuery).

Answer 3

coloque el texto en un lapso u otro elemento con una clase <span class="yourClass">text</span> y luego use javascript para agregar un detector de eventos (preferiblemente al final de su html. Para abreviar, lo demostraré con jQuery, aunque podría hacerse con javascript nativo.

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

Si lo prefiere puede hacer una búsqueda por toda la página para las instancias de esa palabra, aunque yo no recomendaría que como lo haría cosas muy lento hacia abajo.