Lösung für den Konflikt zwischen Onclick und Mousedown im jQuery-Ereignis-js-Tutorial-php.cn

Lösung für den Konflikt zwischen Onclick und Mousedown im jQuery-Ereignis

黄舟

Freigeben： 2017-06-28 09:25:54

Original

2459 Leute haben es durchsucht

Was soll ich tun, wenn

onclick mit Mousedown in Konflikt steht? ? ?

$(function() {
            $(document).mousedown(function(event) {
                if (event.target.id == &#39;color&#39;) {
                    document.getElementById("x-palette-panel").style.display = &#39;block&#39;;
                }
                else {
                    document.getElementById("x-palette-panel").style.display = &#39;none&#39;;
                }
            });
 
        });

Nach dem Login kopieren

<div id="x-palette-panel" class="panel" style="left: 500px; display: none;">
   <span style="color:#000000;background-color:#ffffff;" onclick="highContrast(0)">黑底白字</span>
</div>

Nach dem Login kopieren

Ich klicke auf ein Bild, um

anzuzeigen, klicke auf andere Stellen auf der Seite außer diesem Bild
< ;div id="x-palette-panel">Ausblenden. . .

Mein Problem ist, dass, wenn ich onclick auf

auslöse, zuerst das Mausklickereignis ausgelöst wird, das dazu führt, dass das Div ausgeblendet wird
onclick wird nicht ausgelöst. . . .

Bitte bitten Sie Gott um Hilfe bei der Lösung dieses Problems. . . Bitte geben Sie mir den Code. ~~Vielen Dank. . Nicht sehr verständnisvoll. . ! Was sind die Ereignisparameter von highContrast(event,0)? ? ? Dies gilt auch, wenn die Funktion stopBubble(e,x) aufgerufen wird. . . .

Sprudeln ist verboten? ? Kann Onclick durch Deaktivieren des Sprudelns erreicht werden?

Das Obige ist falsch, der vollständige Testcode sollte sein

    $("span").click(function(event){  
        event.stopPropagation(); // do something  
    })  


or
   <span style="color:#000000;background-color:#ffffff;" onclick="highContrast(event,0)">黑底白字</span>

function stopBubble(e,x) {  
//你的执行代码
     if (e && e.stopPropagation) {//非IE  
         e.stopPropagation();  
     }  
     else {//IE  
         window.event.cancelBubble = true;  
     }  
 }

Nach dem Login kopieren

Hinweis: Klicken sollte verwendet werden, nicht Mousedown

JQuery und JS gleichzeitig verwenden Warum nicht nur eine

Das obige ist der detaillierte Inhalt vonLösung für den Konflikt zwischen Onclick und Mousedown im jQuery-Ereignis. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：

jquery onclick

Quelle：php.cn

Vorheriger Artikel：jQuery: Mousedown- und Click-Konfliktereignisse Nächster Artikel：jQuery löst das Problem der Ausführung von Konflikten zwischen MouseDown- und DoubleClick-Mausereignissen

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors