6

我需要你，因为我需要检测 div 是否正在调整大小，而我刚刚找到了一些使用 JQuery 和 window.resize 的解决方案。

问题是我不想使用任何库，并且窗口没有调整大小。div 正在调整大小，因为弹出了一个菜单。我可以通过菜单上的调度事件来做到这一点，但我希望我的小部件能够自行工作。

JS 小提琴：http: //jsfiddle.net/b7mNU/3/

我想在不使用菜单上的事件（黄色 div）的情况下获得红色矩形的 onresize。就像是 ：

child.addEventListener('resize', function(){ /* do something */ }, false);
4

2 回答 2

1

这些对于<div>元素来说不是这样的事件。但是，您可以使用间隔函数来观察它的状态style.width和style.height。如果更改触发回调。

于 2013-08-12T16:13:51.340 回答
-1

您可以根据屏幕大小更改文本或内容或属性或样式表：HTML：您可以关注： https ://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onresize

<p class="change">Frequently Asked Questions (FAQ)</p>
<p class="change">Frequently Asked Questions </p>

Javascript：

<script>
const changeText = document.querySelector('.change');
function resize() {
  if((window.innerWidth<500)&&(changeText.textContent="Frequently Asked Questions (FAQ)")){
    changeText.textContent="FAQ";
  } else {
    changeText.textContent="Frequently Asked Questions (FAQ)";
  }
}
window.onresize = resize;
</script>
于 2019-01-16T05:59:00.773 回答