js实现监听dom元素的宽高变化

最新推荐文章于 2025-01-09 10:14:30 发布

D_bel

最新推荐文章于 2025-01-09 10:14:30 发布

阅读量1w

点赞数 3

分类专栏： js

本文链接：https://blog.csdn.net/D_bel/article/details/97158504

版权

本文介绍了如何利用jQuery的resize插件监听DOM元素的宽高变化，详细讲解了引入插件的方法，并提供了示例代码。同时提及若需监听更多属性及子节点变化，可以参考作者的其他文章。

摘要由CSDN通过智能技术生成

1. 默认情况下jquery的resize

$(window).resize(function () {
    console.log(111);
});//只会响应浏览器的窗口大小变化

如果要resize想用dom元素的宽高变化，则需要引入jquery的另外一个插件

（下载地址：https://cdn.bootcss.com/jquery-resize/1.1/jquery.ba-resize.min.js），内容如下:

/*
 * jQuery resize event - v1.1 - 3/14/2010
 * http://benalman.com/projects/jquery-resize-plugin/
 * 
 * Copyright (c) 2010 "Cowboy" Ben Alman
 * Dual licensed under the MIT and GPL licenses.
 * http://benalman.com/about/license/
 */
(function($,h,c){var a=$([]),e=$.resize=$.extend($.resize,{}),i,k="setTimeout",j="resize",d=j+"-special-event",b="delay",f="throttleWindow";e[b]=250;e[f]=true;$.event.special[j]={setup:function(){if(!e[f]&&this[k]){return false}var l=$(this);a=a.add(l);$.data(this,d