IE/Firefox气泡事件
IE/Firefox bubble event
这个问题很可能已经被问过很多次了,但据我所知,给出的回答都是一样的,它们对我不起作用。
问题如下:我有一个按钮控件,它呈现为一个表,在这个表中我有一个较小的按钮。要求是,单击外部按钮应该显示一条消息,单击内部小按钮应该显示另一条消息。我有这个小提琴里面的代码:http://jsfiddle.net/DZFEZ/3/
$('#mine').click(function (evt) {
alert("big button click");
});
$('#mine-fav').click(function (evt) {
alert("small button click");
var event = evt || window.event; // cross-browser event
if (event) {
event.returnValue = false;
event.cancelBubble = true;
event.stopPropagation();
event.preventDefault();
}
});
这段代码在Chrome上工作正常(我怀疑Opera/Safari)。没有检查,因为我不能安装这些浏览器),但在IE9+和firefox上没有。无论我是否点击小的按钮,事件都会在大的外部按钮上触发。
有人知道为什么吗?谢谢,马吕斯。
To resolve your problem just replace outer button to div.
因为我认为按钮在原子在那些浏览器和有一些不同的浏览器实现。您应该按照预期使用元素。工作演示
相关文章:
- 分派点击事件并保留击键修饰符
- 模糊事件的Javascript测试
- 小部件内类中的气泡事件
- 在Javascript捕获和气泡中执行所有事件
- 点击文本框事件时出现气泡
- 捕获给定类型的所有事件,而不考虑气泡/目标
- HERE 地图 (JS v3) - 将事件侦听器添加到信息气泡
- 如何在 easljs 中停止事件气泡
- D3 数据映射:气泡上的单击事件
- D3 数据映射:传入气泡属性的气泡上的 OnClick 事件
- 奇怪的点击事件气泡在iPhone safari上,它在冒泡到document.body之前停止
- 是否可以在事件气泡期间传递参数
- IE/Firefox气泡事件
- 如何防止气泡事件后,我将焦点设置为文本区域
- 实现jquery气泡弹出的点击事件
- 来自transcluded指令的角度气泡事件
- 使用Ember组件中的Morris.js图,使用自定义对象从组件到控制器的气泡动作事件
- 事件气泡或循环回调
- 气泡滚动/鼠标滚轮事件
- 谷歌地图标记点击事件气泡