js或jq检测盒子宽度

Question

插入按钮时（按钮是动态创建的），需要判断一下，菜单区域能放下几个按钮，放不下的要显示更多，点击更多展开被收起的按钮；当浏览器变大变小时，按钮要能自动的收入到更多里面

Answer 1

mutationObserver了解一下

Answer 2

第一眼建议使用 CSS 媒体查询，不过考虑到基于 CSS 的折叠比较 Hack，不太建议。
盒子大小用 getBoundingClientRect 获取。
浏览器大小改变用 window.addEventListener('resize', fn)监听。

Answer 3

ResizeObserver监听尺寸变化
然后通过修改是否允许换行来处理就行了

不过ResizeObserver这个东西有兼容性问题 你需要想好能不能用
替代方案是 你每次认为他操作的时候 手动检测一次尺寸