जावास्क्रिप्ट में एक इनलाइन ईवेंट हैंडलर को तर्क के रूप में ईवेंट कैसे पास करें?

Question

// this e works 
document.getElementById("p").oncontextmenu = function(e) { 
    e = e || window.event; 
    var target = e.target || e.srcElement; 
    console.log(target); 
}; 

// this e is undefined 
function doSomething(e) { 
    e = e || window.event; 
    var target = e.target || e.srcElement; 
    console.log(target); 
} 

<p id="p" onclick="doSomething(e)"> 
    <a href="#">foo</a> 
    <span>bar</span> 
</p> 

कुछ समान प्रश्न पूछे गए हैं।

लेकिन मेरे कोड में, मैं बच्चे के तत्वों, जो, क्लिक किया गया है a या span की तरह पाने के लिए कोशिश कर रहा हूँ।

तो ईवेंट हैंडलर के लिए तर्क के रूप में event को पास करने का सही तरीका क्या है, या तर्क के बिना हैंडलर के अंदर ईवेंट कैसे प्राप्त करें?

संपादित

मैं addEventListener और jQuery के बारे में पता कर रहा हूँ, inline घटना हाथ के बल्लेबाज को घटना पारित करने के लिए एक समाधान प्रदान करें।

Answer 1

event वस्तु पारित करने के लिए:

function doSomething(e) { 
    e = e || window.event; 
    var target = e.target || e.srcElement; 
    console.log(target); 
} 

तत्व में ही पारित करने के लिए (DOMElement):

<p id="p" onclick="doSomething(event);"> 

क्लिक किया चाइल्ड तत्व प्राप्त करने के लिए (event पैरामीटर के साथ प्रयोग किया जाना चाहिए

<p id="p" onclick="doThing(this);"> 

पर लाइव उदाहरण देखें

Answer 2

चूंकि इनलाइन घटनाओं को फ़ंक्शंस के रूप में निष्पादित किया जाता है, इसलिए आप तर्क का उपयोग कर सकते हैं।

<p id="p" onclick="doSomething.apply(this, arguments)"> 

और

function doSomething(e) { 
    if (!e) e = window.event; 
    // 'e' is the event. 
    // 'this' is the P element 
} 

'घटना' है कि स्वीकार किए जाते हैं जवाब में बताया गया है वास्तव में तर्क समारोह के लिए पारित का नाम है। वैश्विक घटना के साथ इसका कोई लेना-देना नहीं है।