JavaScript 事件和 "srcElement"

Question

我对 JS 事件“onclick”及其在非常具体的情况下的工作方式有一个具体的问题。我有一组嵌套的 DIV，看起来像这样(有点):

在代码中:

<div id="A" ...> 
    <div id="B" ...> </div> 
    <div id="C" ...> </div> 
</div>

DIV的具体位置是任意的，只要知道有嵌套的DIV就可以了。

DIV A 附加了一个 onclick 事件。

当用户点击 div 时，我希望 srcElement 毫无异常(exception)地成为 div A。或者我可能只是没有使用正确的属性。

基本上我希望能够获得调用了 onclick 事件的 div 的名称。从 onclick 函数内部

Answer 1

如果 onclick 在 A 上，则处理程序中的 this 将代表该元素。

document.getElementById('A').onclick = function() {
    // "this" is the A element
    alert( this.id );  // alert the ID attribute of the element
};