使用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