IE/Firefox气泡事件

IE/Firefox bubble event

本文关键字:事件 气泡 Firefox IE      更新时间:2023-09-26

这个问题很可能已经被问过很多次了,但据我所知,给出的回答都是一样的,它们对我不起作用。

问题如下:我有一个按钮控件,它呈现为一个表,在这个表中我有一个较小的按钮。要求是,单击外部按钮应该显示一条消息,单击内部小按钮应该显示另一条消息。我有这个小提琴里面的代码: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.

因为我认为按钮在原子在那些浏览器和有一些不同的浏览器实现。您应该按照预期使用元素。工作演示