jquery - 在 Firefox 和 IE 上使用 event.stopPropagation()

Question

为什么此代码不适用于 Firefox 和 IE？在 Chrome 上没问题。

$(document).click(function(e) {
    if ($(".contentIconDesk").hasClass('markIconDesk')) {           
        $(".contentIconDesk").removeClass('markIconDesk');          
        wndSelected = "";   
    }       
});

function markMe(icon, wnd) {
    event.stopPropagation();            
    if ($('#'+icon).hasClass('markIconDesk')) {
        $(".contentIconDesk").removeClass('markIconDesk');
        wndSelected = "";               
    } else {
        $(".contentIconDesk").removeClass('markIconDesk');
        $('#'+icon).addClass('markIconDesk');
        wndSelected = wnd;                  
    }       
};

函数 MarkMe(); 在我的 HTML 中某个 div 的 onClick() 事件中被调用。问题出在 event.stopPropagation() 上。当我单击添加类时，浏览器捕获 $(document) 上的单击。

如果有一个好的建议而不是使用上面的代码，那就太好了。

Answer 1

你可以试试这个。对于 HTML 中的 div，按如下方式修改:

<div id="something1" onclick="markMe('icon1', 'wnd1', event)">
<div id="something2" onclick="markMe('icon2', 'wnd2', event)">
<div id="something3" onclick="markMe('icon3', 'wnd3', event)">

在你的js中使用它，如下所示:

function markMe(icon, wnd, e) {

    if (!e) var e = window.event;
    e.stopPropagation();

    $(".contentIconDesk").removeClass('markIconDesk');
    if ($('#' + icon).hasClass('markIconDesk')) {
        wndSelected = "";
    } else {
        $('#' + icon).addClass('markIconDesk');
        wndSelected = wnd;
    }
};