<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); 
}​ 

それは、イベントオブジェクトのための標準ですe要素を呼び出さないでください。

JSfiddle DEMO

Answer 4

thisオブジェクトはすべてのブラウザで同じように処理されていません。これは、PrototypeやjQueryのようなライブラリが正規化しようとする多くのアイテムの1つです。しかし、多くのブラウザで指摘されているように、onclickハンドル（hrefではなく）の間に、ほとんどのブラウザで適切なthisが渡されます。 thisを適切に処理したい場合は、this questionのような処理を行う必要があります。