javascript - tipos - href html ejemplos

HTML hace 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 capacidad de tener la opción de hacer clic en cierto texto y ejecutar correctamente el javascript. ¿Hay algún código de referencia que pueda consultar o un tutorial que pueda ayudarme?

Answer 1

El elemento apropiado para un control interactivo que no es un enlace en alguna parte es una <button>Label</button> o ( <input type="button" value="Label"> ). (Siempre se puede personalizar el borde y el fondo con CSS).

Puede vincular un controlador de eventos de click utilizando las API de DOM estándar (o una biblioteca que las abstrae, como YUI o jQuery).

Answer 2

coloque el texto en un espacio 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 mayor brevedad, demostraré con jQuery, aunque podría hacerse con javascript nativo.

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

Alternativamente, usted podría hacer una búsqueda en toda la página para encontrar instancias de esa palabra, aunque no lo recomendaría ya que realmente ralentizaría las cosas.

Answer 3

para la semántica usaría una etiqueta <button> como esta:

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

para hacer que el botón se vea como texto normal puede usar css:

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

y para facilitar el manejo de clics, usaría jquery así:

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

pero si tiene una identificación en el botón, puede usar JS simple como este:

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

Answer 4

<div id="text" onClick="function()"> your text here </div>