最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

怎样给div增加resize事件

来源:动视网 责编:小采 时间:2020-11-27 20:31:45
文档

怎样给div增加resize事件

怎样给div增加resize事件:当浏览器窗口被调整到一个新的高度或宽度时,就会触发resize事件,这个事件在window上面触发,那么如何给div元素增加resize事件,监听div的高度或宽度的改变呢?某位大神用jquery实现的方法,这样就可以 $('div').resize(fucntio
推荐度:
导读怎样给div增加resize事件:当浏览器窗口被调整到一个新的高度或宽度时,就会触发resize事件,这个事件在window上面触发,那么如何给div元素增加resize事件,监听div的高度或宽度的改变呢?某位大神用jquery实现的方法,这样就可以 $('div').resize(fucntio


当浏览器窗口被调整到一个新的高度或宽度时,就会触发resize事件,这个事件在window上面触发,那么如何给div元素增加resize事件,监听div的高度或宽度的改变呢?某位大神用jquery实现的方法,这样就可以 $('div').resize(fucntion(){ .. })直接使用了;

(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, {
 w: l.width(),
 h: l.height()
 });
 if (a.length === 1) {
 g();
 }
 },
 teardown: function() {
 if (!e[f] && this[k]) {
 return false;
 }
 var l = $(this);
 a = a.not(l);
 l.removeData(d);
 if (!a.length) {
 clearTimeout(i);
 }
 },
 add: function(l) {
 if (!e[f] && this[k]) {
 return false;
 }
 var n;
 function m(s, o, p) {
 var q = $(this),
 r = $.data(this, d);
 r.w = o !== c ? o: q.width();
 r.h = p !== c ? p: q.height();
 n.apply(this, arguments);
 }
 if ($.isFunction(l)) {
 n = l;
 return m;
 } else {
 n = l.handler;
 l.handler = m;
 }
 }
 };
 function g() {
 i = h[k](function() {
 a.each(function() {
 var n = $(this),
 m = n.width(),
 l = n.height(),
 o = $.data(this, d);
 if (m !== o.w || l !== o.h) {
 n.trigger(j, [o.w = m, o.h = l]);
 }
 });
 g();
 },
 e[b]);
 }
})(jQuery, this);

文档

怎样给div增加resize事件

怎样给div增加resize事件:当浏览器窗口被调整到一个新的高度或宽度时,就会触发resize事件,这个事件在window上面触发,那么如何给div元素增加resize事件,监听div的高度或宽度的改变呢?某位大神用jquery实现的方法,这样就可以 $('div').resize(fucntio
推荐度:
标签: 如何 事件 怎么
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top