Onresize für div-Elemente?
Visual Studio markiert meine onresize
- Attribut des div
tag, und sagt, dass es nicht ein gültiges Attribut für HTML5. Ist das wahr? Was sollte ich stattdessen verwenden? Es scheint irgendwie dumm, dass dies der Fall sein würde.
Bitte 10 Sekunden googeln, bevor du für jemand anderen Zeit. developer.mozilla.org/en-US/docs/Web/API/Window.onresize "Nicht Teil der Spezifikation."
Dieser Artikel wird über das Fenster resize-Ereignis, ist es sinnvoll, Elemente wie div? Und nicht Teil der Spezifikation nicht mir sagen, wie viel browser-Unterstützung, die es hat oder ob es eine mehr-gültig-am-spec-Lösung oder nicht.
Was verwenden Sie, um die Größe des div in den ersten Platz? Die relevanten code ermöglicht es uns, Ihnen zu helfen viel viel einfacher
Von Javascript habe ich das resize-Ereignis resize mehrere andere Elemente. Ich bin mir bewusst, dass ich könnte meine resize-Funktion jedes mal, wenn ich meine div ' s Seite, aber wenn dieser Weg funktioniert, als dass es viel einfacher wäre, denn ich hätte nicht daran erinnern, dass jeder Zeit.
Danke @Oztaco für die Nichtberücksichtigung, die herablassende Kommentar. Denn Sie stellte diese Frage, meine "10 Sekunden googeln" brachte mich hier auf eine einfache Antwort mit Diskussion und alternativen. +1.
Dieser Artikel wird über das Fenster resize-Ereignis, ist es sinnvoll, Elemente wie div? Und nicht Teil der Spezifikation nicht mir sagen, wie viel browser-Unterstützung, die es hat oder ob es eine mehr-gültig-am-spec-Lösung oder nicht.
Was verwenden Sie, um die Größe des div in den ersten Platz? Die relevanten code ermöglicht es uns, Ihnen zu helfen viel viel einfacher
Von Javascript habe ich das resize-Ereignis resize mehrere andere Elemente. Ich bin mir bewusst, dass ich könnte meine resize-Funktion jedes mal, wenn ich meine div ' s Seite, aber wenn dieser Weg funktioniert, als dass es viel einfacher wäre, denn ich hätte nicht daran erinnern, dass jeder Zeit.
Danke @Oztaco für die Nichtberücksichtigung, die herablassende Kommentar. Denn Sie stellte diese Frage, meine "10 Sekunden googeln" brachte mich hier auf eine einfache Antwort mit Diskussion und alternativen. +1.
InformationsquelleAutor Oztaco | 2013-10-12
Du musst angemeldet sein, um einen Kommentar abzugeben.
Fügen Sie den folgenden CSS-und JavaScript, um Ihre Seite, und verwenden Sie die
addResizeListener
undremoveResizeListener
Methoden zu hören, die für element-Größe ändert (blog-post für weitere details: http://www.backalleycoder.com/2013/03/18/cross-browser-event-based-element-resize-detection/):Größe-Sensor CSS
Resize-Ereignis-Methoden
Folgenden ist die JavaScript müssen Sie das aktivieren der resize-Ereignis hören. Die ersten beiden Funktionen sind Voraussetzungen, die in den wichtigsten addResizeListener und removeResizeListener Methoden.
Demo-licious!
Hier ein pseudo-code Verwendung der Methode.
Ja, in Ihrem addResizeListener-handler, sind Sie blies dem sensor-element die Methode injiziert zu hören, für die Größe ändern, indem Sie das überschreiben der Inhalt der Ziel -
target.html(target.width() + 'x' + target.height());
Wenn Sie zum kopieren und einfügen einer Antwort von einem anderen Ressource, geben es zumindest ein Verweis und eine Bestätigung: backalleycoder.com/2013/03/18/...
du hast Recht, ich fühle mich schlecht für schamlos stehlen von einem Kerl, der offensichtlich ein Genie. Ich Wette, er war mehr damit beschäftigt, die Inhalte hier gepostet, um anderen zu helfen und schlicht und einfach vergessen, einen link zu seinem blog. Ich schaute ihm zu schicken, eine Entschuldigung, und es stellt sich heraus, er ist fast so hübsch wie ich bin: github.com/csuwildcat. Hölle, Kerl, wenn du mich fragst;)
Hinzugefügt der link zu meinem post.
InformationsquelleAutor csuwldcat
Microsoft Internet Explorer unterstützt
onresize
auf alle HTML-Elemente.In allen anderen Browsern die
onresize
ist nur bei denwindow
Objekt.https://developer.mozilla.org/en-US/docs/Web/API/Window.onresize
Wenn Sie wollen, haben onresize an einem
div
in allen Browsern prüfen:http://marcj.github.io/css-element-queries/
Diese Bibliothek hat eine Klasse
ResizeSensor
die verwendet werden können, fürresize
Erkennung.ja, es ist einfacher, aber langsamer in der Initialisierung, damit ich nicht zu Folgen, die
object
Ansatz nicht weiter.InformationsquelleAutor Marc J. Schmidt
Nur
Window.onResize
besteht in der Spezifikation. Bitte denken Sie daran, dass jederIFrame
- element erzeugt neueWindow
Objekt unterstütztonResize
. Daher IMO die zuverlässigste Methode, um änderungen zu erkennen, um das element hat eine Größe von Anhängen versteckte iframes auf das element.Wenn Sie daran interessiert sind, eine saubere und tragbare Lösung, überprüfen Sie bitte dieses plugin.
Es dauert nur 1 Zeile code zu hören das Ereignis der änderung der Breite oder Höhe des div.
Während IFrame ' s sind schmutzig, Ihre Antwort ist eine ausgezeichnete Abhilfe.
InformationsquelleAutor rbtbar
Zurzeit werden alle gängigen browser unterstützt kein ein resize-Ereignis für das html-element ist nur für das window-Objekt.
Was Sie können, ist das abfangen der Interaktion mit dem Benutzer erstellen Sie Ihre eigenen listener, wie diese:
, Wie es zu benutzen:
html:
css:
InformationsquelleAutor Martin Wantke