<div> <table nclick="gotClick(event,'table',this)" id="table"> <tr nclick="gotClick(event,'tr',this)" id="tr"> <td nclick="gotClick(event,'td',this)" id="td"> <input type="button" name="button" value="单击我" onclick="gotClick(event,'按钮',this);" id="button"> </td> </tr> </table> </div> <div id='result'> </div>

function gotClick(event,msg,obj){ var object; var msgs = msg+" => 被单击了!<br/>"; try{ if (event.target) {//Mozilla object = event.target; // alert(document.getElementById(object.id).nodeName+" Mozilla "+msg); document.getElementById('result').innerHTML +=msgs; // event.cancelBubble=true;//阻止传递 } else if(event.srcElement){//IE object = event.srcElement; // alert(object.id+" IE "+msg); // event.cancelBubble=true;//阻止传递 document.getElementById('result').innerHTML +=msgs; } }catch(e){ alert(e); } }