event的target

event的target

by kixi

HTML

<div id='kixi' style='background-color:#ccc;height:50px;width:200px;'>这里是清晰网的天下</div>

CSS

/*
kixi.com.cn
清晰网
从javascript开始
*/

JavaScript

//target是event事件非IE的标准用法,而在IE下使用的是srcElement,但是很奇怪的是,为什么在chrome下srcElement依然没有问题呢
//请参考kixi.com.cn首页的srcElement的例子

function whichElement(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
    var tname
    tname = targ.tagName
    alert("You clicked on a " + tname + " element.")
}


var kixi = document.getElementById('kixi');
kixi.addEventListener("click",whichElement);