Поместить событие Click на ач-тег в html из javascript?

Question

Может кто-нибудь помочь, кажется, есть проблема с размещением события onclick тега привязки, он работает на изображении .. У меня есть

this.whereAreWe = document.getElementById('where_are_we');
this.whereAreWe.onclick = this.whereAreWe;

Я поместил тег A, используя идентификатор "where_are_we" ...

но оно никогда не выполняется .. если я изменяю его на изображение, оно работает ..

Я тоже поставил href = "#"

Есть ли что-то особенное в тегах привязки и применении onclick с помощью кода?

Я также попытался удалить href. Если я удалю href, он не покажет мне маленький значок руки.

Я поставил точку останова в функции и с изображением, которое она вводит, но с помощью якоря это не делает

Есть идеи?

Answer 1

Код, который вы указали, сбивает с толку. У меня правильно работает следующий код:

<a href="#" id="whereWeAre">a link</a>
<script type="text/javascript">
  var whereWeAre = document.getElementById("whereWeAre");

  function testClick() {
    alert("You clicked!");
  }

  whereWeAre.onclick = testClick;
</script>

Если бы ваш пример был более конкретным, мы могли бы быть более полезными.

Answer 2

2 проблемы с вашим javascript. Использование «this» и привязка события onclick обратно к ссылке на элемент DOM для HREF. Попробуйте вместо этого:

var whereAreWe = document.getElementById("where_are_we");
whereAreWe.onclick = function(){ 
     alert("Click event on Where are We");
     return false;
};

Answer 3

Я также попытался удалить href. Если я удалю href, он не покажет мне маленький значок руки.

Вам необходим атрибут 'href' для тега 'a', чтобы указать URL целевого документа или веб-ресурса. Если вы не укажете это - при наведении курсора курсор не меняется. Конечно, вы можете использовать CSS, чтобы изменить это, но это другой вопрос.