Heim > Artikel > Web-Frontend > Analyse der Schwierigkeit von Drag-and-Drop-Aktionen im jQuery-Mobilbrowser_jquery
In diesem Artikel wird anhand eines Beispiels die Schwierigkeit des Ziehens und Ablegens in mobilen jQuery-Browsern analysiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Ursprünglich wollte ich einen Steuerknopf implementieren, der wie bei einem iPhone nach Belieben gezogen werden kann, aber am Ende stellte ich fest, dass alles umsonst war,
Obwohl Drag-and-Drop-Aktionen in mobilen Browsern üblich sind, ist es unmöglich, Komponenten zu implementieren, die per Drag-and-Drop in mobilen Browsern ausgeführt werden können.
Werfen wir zunächst einen Blick darauf, wie Drag-and-Drop-Aktionen auf PC-Webseiten ausgeführt werden,
Zuallererst haben wir eine Schaltfläche, die beim Klicken eine Aktion ausführt, und die Sie nach Belieben ziehen können, genau wie die Steuertaste auf dem iPhone, die Sie nach Belieben ziehen können
Es ist nicht einfach, die graue Ebene wie oben gezeigt zu schreiben,
Zuerst müssen wir das Positionsattribut der grauen Ebene in „abosulte“ ändern. Dann besteht der Hauptpunkt der im JQuery-Skript zu implementierenden Arbeit darin, das Paar aus Klick- und Mousedown-Mouseup-Aktionen zu unterscheiden, da „Click“ ist ursprünglich gleichbedeutend mit „mousedown“ und „mouseup“, aber in Ordnung. Nach einer bestimmten Zeit mit „mousedown“ löscht „unbind“ sofort die Bindung der Ebene an die Cilck-Aktion und teilt dem System mit, dass die Aktion nach „mousedown“ nichts mit dem Klicken zu tun hat. Siehe den folgenden tatsächlichen Code: