# Behandeln Sie den Abbruch als vollständigen Eingabepfad

> Beenden Sie gezogene und gehaltene Aktionen sicher, wenn der Browser einen Zeiger abbricht, und vermeiden Sie das Hängenbleiben von Steuerelementen nach Scrollen, Drehen oder Unterbrechungen.

- URL: https://oneshotgems.ai/de/topics/pointer-cancellation-in-games
- Kategorie: Für Spieleentwickler
- Typ: Ratgeber
- Aktualisiert: 5. Oktober 2026

Eine Zeigerinteraktion endet nicht immer mit pointerup. Der Browser kann sie abbrechen, wenn eine Berührung zum Scrollen oder Zoomen der Seite führt oder wenn Gerät oder Browser keine weiteren Ereignisse für diesen Zeiger liefern können. Fehlt die Abbruchbehandlung in der Zustandsmaschine des Spiels, kann ein gezogenes Objekt hängen bleiben oder eine gehaltene Aktion endlos weiterlaufen.

## Machen Sie die Bereinigung idempotent

Wenn pointerdown ein Ziehen startet, speichern Sie die aktive pointerId und das Objekt oder die Aktion, deren Eigentümer sie ist. Sowohl pointerup als auch pointercancel sollten diese Interaktion beenden und ihren Status löschen. Schreiben Sie eine Bereinigung, sodass es harmlos ist, sie nach einer bereits beendeten Aktion aufzurufen. Dies vereinfacht den Umgang mit Erfassungsverlusten, Fensteränderungen und wiederholten defensiven Aufräumarbeiten.

Wenn Sie die Zeigererfassung verwenden, achten Sie auf „lostpointercapture“ als weiteres Signal dafür, dass die Interaktion den Zeiger nicht mehr besitzt. Interpretieren Sie einen Abbruch nicht als erfolgreichen Ablegen, es sei denn, das Spiel definiert dieses Ergebnis ausdrücklich. Ein abgebrochenes Ziehen könnte ein Objekt an seine Startposition zurückbringen, die letzte gültige Position beibehalten oder die Bewegung abbrechen; Wählen Sie eine Regel und kommunizieren Sie diese durch eine visuelle Rückmeldung.

## Testen Sie die Übernahme von Browser-Gesten

Versuchen Sie es mit einem Ziehen, das auf der Spieloberfläche beginnt und sich bis zum Bildschirmrand fortsetzt, einem vertikalen Scrollen der Seite, das über der Oberfläche beginnt, einer Drehung während des Haltens und dem Berühren einer anderen Stelle mit einem zweiten Finger. Vergewissern Sie sich, dass sich nach dem Abbruch kein Charakter mehr bewegt und keine Taste sichtbar gedrückt bleibt.

Die Eigenschaft touch-action beeinflusst, welche Gesten der Browser ausführt. MDN erklärt, dass Browser pointercancel auslösen können, wenn sie das Schwenken oder Zoomen übernehmen. Behandeln Sie den Abbruch als ein normales Ergebnis, das Ihr Interaktionsmodell verarbeiten muss.

## Fragen

**Ist pointercancel ein fehlgeschlagener pointerup?** Es ist ein separates Signal, dass der Zeiger die aktuelle Interaktion nicht mehr fortsetzt. Führen Sie die Bereinigung durch und wenden Sie die Abbruchregel des Spiels an, anstatt davon auszugehen, dass die Aktion abgeschlossen ist.

**Kann touch-action jede Zeigerabbruch verhindern?** Nein. Es steuert die Handhabung von Berührungsgesten durch den Browser, aber andere Bedingungen können die Zeigerübermittlung dennoch beenden. Behalten Sie die Abbruchbehandlung bei, auch wenn die Spieloberfläche über benutzerdefinierte Gestenregeln verfügt.

## Folge deiner Neugier

- [Verwenden Sie Zeigerereignisse für Browsergame-Eingaben](https://oneshotgems.ai/de/topics/pointer-events-for-games): Modellieren Sie Maus, Stift und Berührung durch Zeigerereignisse und behalten Sie dabei die Erfassung, Geräteidentität und das Kompatibilitätsverhalten in einer Spielschleife bei.
- [Touch-Steuerung für Webspiele gestalten](https://oneshotgems.ai/de/topics/touch-controls-for-web-games): Plane die Touch-Bedienung mit Blick auf Browsergesten, gut erkennbare Rückmeldungen und einen klar verwalteten Zeigerzustand, damit das Spiel auf Smartphones vorhersehbar reagiert.

## Weiterlesen

- [MDN: pointercancel-Ereignis](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointercancel_event)
- [MDN: touch-action](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/touch-action)

---
Kanonische Seite: https://oneshotgems.ai/de/topics/pointer-cancellation-in-games