MutationObserver is close(inner DOM changes), but it does not (yet) cross browser (IE10 does not support) and it generate noise, not CSS aware.Ī naive JavaScript polling should work in all case, but it generate either delay or CPU waste of many poll.Ĭonst div = document.getElementById('demo')Ĭonst obj = document.createElement('object') MutationObserver which replace Mutation Events, but it does not fit the need of "onresize".IE has onresize for Elements but it is IE only implementation.DOM Level 3 event target only on window/document type.In the de-facto standard, there is a event window.onresize to subscribe resize on a window/frame.īut there is no a standard event on the HTML content or DOM Elements. CSS transition or animations (by :hover or any other mean).native resize feature textarea or CSS3 resize.JavaScript rewrite CSS rules or stylesheet.JavaScript changes it src(of img)/style attribute directly (or it's child's).children elements or their children elements resized.It suppose to be simple until I found an element can be re-sized by But I am now more interested to do in a general way to to listen to resize event, unaware of how the resize happens. I want to re-position an element (jQuery dialog in my case), once it's size changed. ![]() What should the best practices to listen on element resize event? querySelector ( 'input' ) const checkbox = document. ![]() querySelector ( "body > div" ) const slider = document. querySelector ( "p" ) const divElem = document. querySelector ( "h1" ) const pElem = document.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |