您好,欢迎来到成节情感。
搜索
您的当前位置:首页jsevent事件的传递与冒泡处理_javascript技巧

jsevent事件的传递与冒泡处理_javascript技巧

来源:成节情感


代码如下:






onclick="gotClick(event,'按钮',this);" id="button">





js文件
代码如下:
function gotClick(event,msg,obj){
var object;
var msgs = msg+" => 被单击了!
";
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);
}

}

运行结果是:

按钮 => 被单击了!
td => 被单击了!
tr => 被单击了!
table => 被单击了!

Copyright © 2019- ichengjie.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务