Ich habe ein Problem mit einem Projekt, an dem ich gerade arbeite. Es ist eine Webanwendung mit einer Schnittstelle, die teilweise aus Drag & Drop-Elementen besteht.
Das Problem ist, dass die ziehbaren div-Elemente gut funktionieren, aber die Schaltflächenelemente nicht den Widerstand in Firefox aktivieren, aber sie funktionieren in Chrome. Ich denke, das könnte etwas damit zu tun haben, wie Firefox die bereits vorhandenen Ereignisse der Schaltfläche behandelt, was wahrscheinlich anders ist als das, was Chrome macht.
Ich weiß, dass ich stattdessen die jQuery-Benutzeroberfläche verwenden kann, aber dieses Projekt lässt es nicht zu.
Hier ist ein Problem meines Problems: Ссылка
Weiß jemand, wie ich die Drag-Events auf Schaltflächen in Firefox auslösen kann?
Der Code:
%Vor%In wenigen Worten: Das ist das Problem mit Firefox, nicht mit Ihrem Code. Das Drag-Ereignis wird nicht auf die Schaltfläche ausgelöst, sondern auf div.
ausgelöstIch könnte dieses Problem in wenigen Schritten lösen:
1) Fügen Sie einen Wrapper für die Schaltfläche
hinzu2) Add :: after pseudo-element zum Wrapper
3) Stretch :: nach dem Füllen der Eltern:
%Vor%Auf diese Weise :: nach wird der normale Ablauf verlassen und die Größe des Wrappers wird wie üblich durch die Tastengröße berechnet. Wenn die Schaltfläche keinen definierten Z-Index hat, wird :: after automatisch auf der Schaltfläche (auf der Z-Achse) platziert. Dadurch werden Drag-Ereignisse auf dem Wrapper ausgelöst, nicht die Schaltfläche. Und das Problem ist gelöst!
Wahrscheinlich möchten Sie nach dem Hinzufügen eines Wrappers einige Stile korrigieren (z. B. müssen Sie: hover und: pseudo-classes auf den Wrapper konzentrieren).
Tags und Links javascript drag-and-drop firefox