如何将事件作为参数传递给JavaScript中的内联事件处理程序？

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 
} 

是在接受的答案中提到的“事件”实际上是传递给函数的参数的名称。它与全球事件无关。