js监听div元素的宽高变化， window.onresize是监听浏览器窗口的变化

本文主要是介绍js监听div元素的宽高变化， window.onresize是监听浏览器窗口的变化，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

		mounted() {let recordExecutionsNum = 0;let MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserverlet element = document.getElementById('asset-list-search')this.observer = new MutationObserver( (mutationList) => {for (let mutation of mutationList) {console.log('mutation', mutation)}let height = getComputedStyle(element).getPropertyValue('height')if (height === this.recordOldValue.height) returnthis.recordOldValue = {height}height = +height.replace('px', '')let clientHeight = document.getElementsByClassName('cardlayout-content')[0].clientHeight - 120this.height = clientHeight || 500 // 动态设置高度this.recordExecutionsNum += 1})this.observer.observe(element, { attributes: true, characterData: true })},

参考地址：js监听div元素的宽高变化

注意：一定是属性发生变化，比如 height: 100px; 变为 height: 200px，observer才会监听到，否则不生效

这篇关于js监听div元素的宽高变化， window.onresize是监听浏览器窗口的变化的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---