Placer un événement Click sur une balise achor en html depuis javascript?

Question

Quelqu'un peut-il aider, semblent avoir un problème en plaçant un événement onclick d'une balise d'ancrage, il fonctionne sur une image .. J'ai cette

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

J'ai placé une Une étiquette en utilisant l'identifiant de « where_are_we » ...

mais il exécute jamais .. si je change à une image, il fonctionne ..

Je mets aussi href = « # »

y at-il quelque chose de spécial sur les balises d'ancrage et l'application le onclick via le code?

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

Je mets un point d'arrêt dans la fonction et avec une image, il entre, mais en utilisant l'ancre il ne pas

Toutes les idées?

Answer 1

J'ai aussi essayé de retirer le href, si je retire le href il ne me montre pas la petite icône de la main.

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

Answer 2

Le code fourni est source de confusion. 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 précis, nous pourrions probablement être plus utile.

Answer 3

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

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