Bei der normalen Entwicklung werden Sie mehr oder weniger auf einige Anforderungen im Zusammenhang mit Mauskoordinaten stoßen. Zum Beispiel: Gestenbestimmung auf der mobilen Seite, Schütteln und Ziehen von Fensterereignissen auf der PC-Seite usw. Verstehen Sie alle die zugehörigen Event-Event-Eigenschaften von Javascript?
Wenn wir beispielsweise auf das Ereignis klicken, welche aktuellen Koordinaten werden angezeigt? Zunächst müssen wir event.pageX, event.clientX und event.screenX sowie einige Browserkompatibilitätsprobleme mit ihren Eigenschaften verstehen.
Zuvor müssen wir auch die Event-Event-Kompatibilitätsprobleme verstehen :
1. Wenn wir uns das Standardereignisverhalten des Browsers ansehen, fällt uns als Erstes definitiv event.preventDefault()
ein
2. Wenn wir das Sprudeln von Ereignissen verhindern, verwenden wir event.stopPropagation();
3. Wenn wir den Zielquellknoten des Ereignisses erhalten, denken wir an event.target
In IE-Browsern, insbesondere in Browsern unter IE9, treten jedoch Kompatibilitätsprobleme auf. Hier können wir das EventUtil-Objekt zusammenfassen, um einige browserübergreifende Ereignisse durchzuführen. es fühlt sich an, als gäbe es noch nichts mit dem Titel zu tun
Erstens: Wir müssen zuerst die Beziehung zwischen den drei oben genannten pageX, clientX und screenX verstehen
Das obige ist der detaillierte Inhalt vonJavascript-Ereignisse und Eigenschaften von Mauskoordinaten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
