Native Javascript-Implementierung von Drag-Element-Beispielcode_Javascript-Kenntnissen

In diesem Artikel wird natives Javascript zum Implementieren des Ziehens von Elementen vorgestellt.

Dinge:

1. Ändern Sie zunächst das Layout-Attribut des gezogenen Elements, der Schlüssel ist „position:absolue“;

2. Erfassen Sie Mausereignisse „mousedown“, „mousemove“, „mouseup“;

3. Wenn „Mousedown“ ausgelöst wird, notieren Sie die relative Position der aktuellen Maus im Element, _x, _y;

4. Behandeln Sie dann das Ereignis „mousemove“ und verschieben Sie das Element, indem Sie die oberen und linken Attribute des Elements ändern

5. Wenn die „Mouseup“-Zeit ausgelöst wird, beenden Sie das Ziehen.

Gleichzeitig sollten die Kapselung des Codes und die Kompatibilität des Browsers berücksichtigt werden. Der Code lautet wie folgt: