使用javascript检测div宽度何时更改

Question

我是 javascript 新手，我想在更改 div 时执行一些操作

在 jquery 中，我使用此代码

var width = $(window).width();
$(window).resize(function(){
   if($(this).width() != width){
      width = $(this).width();
       console.log(width);
   }
});

但我想用javascript来做，请帮帮我...

Answer 1

您可以像这样使用 on-resize-event：

 var body = document.getElementsByTagName("BODY")[0]; var width = body.offsetWidth; if (window.addEventListener) { // all browsers except IE before version 9 window.addEventListener ("resize", onResizeEvent, true); } else { if (window.attachEvent) { // IE before version 9 window.attachEvent("onresize", onResizeEvent); } } function onResizeEvent() { bodyElement = document.getElementsByTagName("BODY")[0]; newWidth = bodyElement.offsetWidth; if(newWidth != width){ width = newWidth; console.log(width); } }

Answer 2

订阅 onresize 事件

window.onresize = functionName

Answer 3

在 Internet Explorer 中，您可以使用“onresize”，在元素 (div) 或主体的大小发生更改时触发 JavaScript 函数。

但是“onresize”在其他浏览器中的工作方式不同。 Mozilla Firefox 仅在调整 body 大小而不是 div 时才会触发该功能。

<body onresize="myFunction()">

将适用于所有浏览器

<div onresize="myFunction()">

仅适用于 IE

使用javascript检测div宽度何时更改

问题描述

3 个解决方案

解决方案1
4 已采纳 2016-10-04 06:52:06

解决方案2
0 2016-10-04 06:50:01

解决方案3
0 2016-10-04 06:58:00

使用javascript检测div宽度何时更改

问题描述

3 个解决方案

解决方案1 4 已采纳 2016-10-04 06:52:06

解决方案2 0 2016-10-04 06:50:01

解决方案3 0 2016-10-04 06:58:00

解决方案1
4 已采纳 2016-10-04 06:52:06

解决方案2
0 2016-10-04 06:50:01

解决方案3
0 2016-10-04 06:58:00