我需要在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的情况下执行此操作,但要使用上述方法。
传递this内联点击处理程序
this
<a href="123.com" onclick="click123(this);">link</a>
或event.target在函数中使用根据[W3C DOM 2级事件模型
event.target
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其他浏览器的功能。
e
event object
如果您使用的是jQuery,则我强烈建议您使用不引人注目的JavaScript,并使用jQuery将事件处理程序绑定到元素。