<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 वस्तु सभी ब्राउज़रों में एक ही नहीं संभाला है। यह कई वस्तुओं में से एक है जो प्रोटोटाइप और jQuery जैसी लाइब्रेरी सामान्य करने की कोशिश करते हैं। हालांकि, अधिकांश ब्राउज़रों ने onclick हैंडल (href के बजाय) के साथ उचित this पास कर दिया है, क्योंकि कई अन्य उत्तरों ने बताया है। यदि आप this उचित रूप से संभालना चाहते हैं, तो आपको this question में विस्तृत की तरह चीजें करने की आवश्यकता होगी।