Platzieren Sie ein Click-Ereignis auf einem achor-tag in html aus javascript?

Question

Kann jemand helfen, scheinen ein Problem haben, platzieren Sie einen onclick-Ereignis ein Anker-tag, es funktioniert auf einem Bild..Ich habe diese

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

Ich habe gelegt, Ein tag mit der id "where_are_we" ...

aber es wird nie ausgeführt..wenn ich es ändern, um ein Bild es funktioniert..

Auch ich legte href="#"

Ist es etwas besonderes Anker-tags und anwenden der onclick-über-code?

Ich habe auch versucht, entfernen Sie das href -, Wenn ich entfernen Sie das href-ist es nicht zeigen, mir die kleine hand Symbol.

Ich habe einen Haltepunkt in der Funktion und mit einem Bild trägt es aber mit dem Anker-ist es nicht

Irgendwelche Ideen?

Answer 1

  

Ich habe auch versucht die href entfernen, wenn ich die href entfernen Sie es mir nicht zeigen, die kleine Hand-Symbol.

Sie müssen die ‚href‘ Attribut für das ‚a‘ Tag, um die URL des Zieldokuments oder Web-Ressource zu spezifizieren. Falls Sie noch angeben es nicht - Mouseover die Cursor nicht ändern. Natürlich könnte man CSS verwenden, das zu ändern, aber das ist eine andere Frage.

Answer 2

Der Code, den Sie vorgesehen ist verwirrend. Der folgende Code korrekt funktioniert für mich:

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

Wenn Ihr Beispiel ein wenig präziser war, dass wir wahrscheinlich hilfreicher sein könnten.

Answer 3

Das sind 2 Probleme mit javascript.Die Verwendung von "dies" und die Bindung der onclick-Ereignis zurück, um den Verweis auf das DOM-element für die HREF.Versuchen Sie dies stattdessen:

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