您的位置:首页 > Web前端 > JavaScript

关于js中的冒泡事件和html默认事件解决方案

2012-03-19 10:03 260 查看
eg:

<span onClick="spanClick()"> testSpan<a onClick="aClick(this,'test',event)">testa</a></span>

当我们单击a标签的时候span标签的onClick事件也会被执行。。这时候就要阻止冒泡事件的发生。必须在单击a标签的时候执行以下事件

//得到事件

var e = arguments[2] || window.event; //arguments[2]是为了取出传参过来的第三个参数

if(e.stopPropagation) { //ff阻止冒泡方法

e.stopPropagation();

} else {

e.cancelBubble = true; //IE阻止冒泡方法

}

jquery 防止冒泡:

$('#content').bind("click",function(event){
var txt = $('#msg').html() + "<p>外层div元素被点击.<p/>";
$('#msg').html(txt);
event.stopPropagation();    //  阻止事件冒泡
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: