关于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 防止冒泡:
<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(); // 阻止事件冒泡 });
相关文章推荐
- js防止事件冒泡和默认事件
- JS阻止冒泡事件和默认事件(IE和其他浏览器兼容)
- 关于js中的事件冒泡和事件捕获问题
- 关于事件冒泡和浏览器默认行为
- 关于JS的事件捕获与冒泡
- js 停止事件冒泡 阻止浏览器的默认行为
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
- JS 阻止浏览器默认行为和冒泡事件
- js 停止事件冒泡 阻止浏览器的默认行为(阻止超连接 # )
- js 阻止事件冒泡和默认行为 preventDefault、stopPropagation、return false
- 关于事件冒泡和浏览器默认行为
- HTML中关于动态创建的标签无法绑定js事件的解决方法
- js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
- js下关于onmouseout、事件冒泡的问题经验小结
- js 停止事件冒泡 阻止浏览器的默认行为(阻止超连接 # )
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
- js 停止事件冒泡 阻止浏览器的默认行为(阻止超连接 # )
- js动态加载html,加载后的页面元素某些事件失效的解决方案
- [笔记]关于jquery冒泡和默认事件处理
- 关于js中的冒泡事件