Matthias Apsel: Änderungsvorschlag zum Wiki-Artikel „clientWidth“

Beitrag lesen

problematische Seite

Hallo Azador,

das Anwendungsbeispiel zu getBoundingClientRect funktioniert (auf meinem PC) in Firefox, Vivaldi und Internet Explorer nicht.

Auch nicht, wenn du das Beispiel in einem neuen Tab öffnest? Es handelt sich hier wieder um das schon bekannte Problem des Frickls (//@Felix Riesterer)

Deswegen habe ich das Beispiel angepasst, dabei die EventHandler mit den einzelnen Formen verknüft und, mangels Recht auf Bearbeiten, hier gespeichert: https://codepen.io/anon/pen/YxzYQG

Ein bisschen Text dazu: An die Formen werden mit [[addEventListener]] Eventhandler angefügt, sodass beim Überfahren mit der Maus die Funktion <code>ermittleWerte()</code> aufgerufen wird. Diese Funktion frägt mit <code>getBoundingClientRect()</code> alle Eigenschaften ab, fügt sie in der Variable <code>text</code> zusammen und gibt sie anschließend aus.

Dankeschön.

Bis demnächst
Matthias

--
Rosen sind rot.