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”在其他浏览器中的工作方式不同。只有在调整body的大小而不是div时，Mozilla Firefox才会触发该功能。

<body onresize="myFunction()">

可以在每个浏览器中使用

<div onresize="myFunction()">

仅适用于IE

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

3 个答案: