質問: ### 前提・実現したいこと CSSのresizeで要素の大きさが変更された時にその要素の変更後のサイズを取りたい。 ### 発生している問題・エラーメッセージ 現状は要素をクリックした時に要素のサイズを取得しているのですが、ドラッグしたまま要素外でマウスを離すとクリックイベントが発火しません。そのため、取れる場合と取れない場合ができてしまいます。 クリックイベント以外に良い方法はありますでしょうか。 ### 補足情報(言語/FW/ツール等のバージョンなど) jQueryは使えない状況です。 demoです。 https://jsfiddle.net/r2oyggej/2/
回答: ``` var size = document.getElementById("sample").clientHeight; document.onmouseup = function() { if (size != document.getElementById("sample").clientHeight) { console.log('resize'); } size = document.getElementById("sample").clientHeight; } ``` もうこれでいいんじゃないかと。