Placer un événement Click sur une balise acor en HTML à partir de javascript ?

Question

Quelqu'un peut-il aider, semble avoir un problème pour placer un événement onclick d'une balise d'ancrage, cela fonctionne sur une image.J'ai ceci

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

J'ai placé une balise A en utilisant l'identifiant "where_are_we"...

mais il ne s'exécute jamais..si je le change en image, cela fonctionne.

J'ai aussi mis le href="#"

Y a-t-il quelque chose de spécial à propos des balises d'ancrage et de l'application du onclick via le code ?

J'ai également essayé de supprimer le href. Si je supprime le href, la petite icône en forme de main ne me montre pas.

J'ai mis un point d'arrêt dans la fonction et avec une image il entre mais en utilisant l'ancre ce n'est pas le cas

Des idées?

Answer 1

  

J'ai aussi essayé de supprimer le href. Si je supprime le href, il ne me montre pas l'icône de la petite main.

Vous avez besoin de l'attribut "href" pour la balise "a" afin de spécifier l'URL du document ou de la ressource Web de destination. Si vous ne le spécifiez pas, le passage de la souris ne change pas le curseur. Bien sûr, vous pouvez utiliser CSS pour modifier cela, mais la question est différente.

Answer 2

Le code que vous avez fourni est déroutant. Le code suivant fonctionne correctement pour moi:

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

Si votre exemple était un peu plus spécifique, nous pourrions probablement être plus utiles.

Answer 3

Il y a 2 problèmes avec votre javascript.L'utilisation du "this" et la liaison de l'événement onclick à la référence de l'élément DOM pour le HREF.Essayez plutôt ceci :

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