Размещение события Click в теге achor в 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

  

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

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

Answer 2

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

<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 3

Есть 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;
};