如何获得onclick调用对象？

Question

我需要在onclick事件的调用对象上有一个处理程序

即

<a href="123.com" onclick="click123(event);">link</a>
<script>
function click123(event)
{
//i need <a> so i can manipulate it with Jquery 
}
</script>

我想在不使用jquery的$（）。click或$（）。live的情况下执行此操作，但要使用上述方法。

Answer 1

传递this内联点击处理程序

<a href="123.com" onclick="click123(this);">link</a>

或event.target在函数中使用根据[W3C DOM 2级事件模型

function click123(event)
{
    var a = event.target;
}

但是，当然，IE是不同的，因此处理此问题的原始JavaScript方法是

function doSomething(e) {
    var targ;
    if (!e) var e = window.event;
    if (e.target) targ = e.target;
    else if (e.srcElement) targ = e.srcElement;
    if (targ.nodeType == 3) // defeat Safari bug
        targ = targ.parentNode;
}

或更详细

function doSomething(e) {

    e = e || window.event;
    var targ = e.target || e.srcElement || e;
    if (targ.nodeType == 3) targ = targ.parentNode; // defeat Safari bug
}

其中e是event object被传递到在比IE其他浏览器的功能。

如果您使用的是jQuery，则我强烈建议您使用不引人注目的JavaScript，并使用jQuery将事件处理程序绑定到元素。