Html делает текст кликабельным, не делая его гиперссылкой

Я очень новичок в использовании html и javascript. Я хочу добавить возможность иметь возможность щелкнуть по определенному тексту и выполнить правильный javascript. Есть ли какой-нибудь ссылочный код, на который я могу посмотреть, или учебник, который может мне помочь?

Ответы

Ответ 1

для семантики я бы использовал тег <button>, как это:

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

чтобы кнопка выглядела как обычный текст, вы можете использовать css:

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

и для удобства нажатия клика я буду использовать jquery следующим образом:

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

но если у вас есть идентификатор на кнопке, вы можете использовать простой JS следующим образом:

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

Ответ 2

Подходящий элемент для интерактивного элемента управления, который не является ссылкой где-то, это <button>Label</button> или (<input type="button" value="Label">). (Вы всегда можете стирать границу и фон с помощью CSS).

Вы можете связать с ним обработчик событий click, используя стандартные API DOM (или библиотеку, которая абстрагирует их, например, YUI или jQuery).

Ответ 3

поместите текст в пролете или другом элементе с классом <span class="yourClass">text</span>, а затем используйте javascript для добавления прослушивателя событий (желательно в конце вашего html. для краткости, я продемонстрирую с помощью jQuery, хотя это может быть сделанный с помощью встроенного javascript.

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

В качестве альтернативы вы можете выполнить поиск по всей странице для экземпляров этого слова, хотя я бы не рекомендовал это, так как это действительно замедлит работу.

Ответ 4

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