element.onresize
まだ無い。
<追記>将来的には ResizeObserver を使う</追記>
実装されるらしい
7 Web application APIs — HTML Standard
W3Cの古い分類だとwindowにしかない。Editors' Draftだとelemmentに分類されている。
つまり変更があった。
実装状況
実装されていない。
IEではattachevent + onresize があるが、addEventListenerでは使えない。
elem.style.height = "100px"
に反応するが、ノード追加には反応してくれない。不完全。
現在の方法
無い。setInterval/Mutation observerくらい?
要素がリサイズされる場合と、それを知る方法を表にしてみた。
リサイズを知るのは難しい。
| when resize | how to know |
|---|---|
| css resize | mousedown/move/up & touch |
| change css dis/abled | Mutation observer (attributes: true) |
| inline css | 〃 |
| add/remove childNodes | Mutation observer |
| window resize | window resize |
| zoom | 〃 |
css resizeはこういうの
.resize { reize: both }
element.onresizeが来てもIE11以下では使えるようにはならないし、なかなか難しい。