Arbeiten mit event.stopPropagation() auf firefox und IE

Nicht warum dieser code funktioniert für Firefox und IE?
Es ist in Ordnung auf 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;                  
    }       
};

Die Funktion MarkMe(); heißt im Falle onClick() von ein paar div in meinem HTML. Das problem ist mit der event.stopPropagation(). Wenn ich auf hinzufügen-Klasse, die browser fangen das klicken auf $(document).

Wenn es eine gute Anregung, statt mit dem code oben, wird es groß sein.

Veröffentlichen der HTML-Code für die div-Sie zu..
Sie können die initiator der das click-Ereignis über das Ereignis.Ziel finden Sie unter api.jquery.com/event.target, zum Beispiel if ($(e.target).is("div")) return; in Ihrem Dokument klicken Sie auf binden.
Warum sind Sie mit jQuery und onclick event-Handler?
Danke @Walid. Dein Tipp war sehr nützlich.
Ich habe nicht einen Weg finden, um die Parameter wie diese: onclick="markMe($(this).attr('id'), 'stores');" mit der jQuery-Funktion: $("#icon_1").click(). Sorry, aber ich bin irgendwie ein Neuling in js und jQuery. Aber ich studiere es kaum.

InformationsquelleAutor Christian | 2013-04-19

Können Sie versuchen, diese. Für das div im HTML, ändern Sie diese wie folgt:

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

- Und in deiner js verwenden Sie es wie:

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;
    }
};

es arbeitete. Danke, dass Sie Palash.
Froh, dass es geholfen hat!

InformationsquelleAutor palaѕн

3

IE nicht unterstützt stopPropagation Methode im DOM. Sie können Ereignisse verwenden.cancelBubble = true (ich meine, die Eigenschaft cancelBubble des event-Objekts) statt. Haben Sie einen Blick auf diese

InformationsquelleAutor
1

Weil event ist nicht definiert in diesem Stück code:
```
event.stopPropagation();
```
- Ich denke, Sie sollten wieder Lesen, seine Antwort
- es würde nicht funktionieren. Es macht nicht einmal Sinn in dieser Funktion. Es gehört in den click-handler, wenn irgendwo. 🙂
InformationsquelleAutor Steve
1

Müssen Sie die pass-Ereignis als parameter der MarkMe Funktion
```
function markMe(icon, wnd, event) {
   event.stopPropagation(); 
   //...
}
```
Dann, wenn Sie es nennen, es sollte wie folgt Aussehen :
```
$('#myDiv').click(function(e) {
    //...
    MarkMe(icon, wnd, e);
});
```
- ja, aber mit $('#myDiv').klicken Sie auf(Funktion(e), wie sollte ich wissen, in welches Symbol den der Benutzer geklickt hat?
InformationsquelleAutor Philippe Boissonneault

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.