<a href="javascript:foo(this)"> passes Window, I want the tag element itself

Question

I expect this to print "a" because when I call foo(this), the argument seems to be the link tag.

<script type="text/javascript"> 
    function foo (e) { 
     alert (e .tagName); 
    } 
</script> 
<a href="javascript:foo(this)">click</a> 

Instead, it prints "undefined". If I alert(e) it says "object Window". How do I make foo know which element launched it? Without passing/looking up ids.

Answer 1

You should not use href for JavaScript. Bad practice, instead use onclick and this will magically point to the link.

<a href="#" onclick="foo(this)">click</a> 

You also need to cancel the click action of the link. Either with return false or cancelling the event with preventDefault.

It is better to attach the event with Unobtrusive JavaScript

Answer 2

You can do this directly too

<a href="#" onclick="alert(this.tagName);">click</a>​ 

Answer 3

<a href="#" onclick="foo(this)">click</a> 

function foo(obj) { 
    alert(obj.tagName); 
}​ 

Nie nazywaj element e to standard obiektu zdarzenia.

JSfiddle DEMO

Answer 4

Przedmiotem this nie jest traktowane tak samo we wszystkich przeglądarkach. Jest to jeden z wielu elementów, które biblioteki takie jak Prototype i jQuery próbują normalizować. Mimo to większość przeglądarek przejdzie odpowiednie this podczas obsługi na onclick (zamiast href), jak wiele innych odpowiedzi wskazał. Jeśli chcesz odpowiednio obsłużyć model this, musisz wykonać czynności podobne do tych opisanych w artykule this question.