Firefox是否可以为自动调整宽度的div激活resize事件?

时间:2011-03-04 15:05:39

标签: internet-explorer events firefox layout html

我有一个页面只包含一个这样的div:

<div style="background-color: blue; height:30px;" onresize="alert('onresize');" ></div>

根据标准,Firefox会自动使div的宽度等于其容器的宽度,在本例中为整个窗口。但是当我调整浏览器窗口大小时,Firefox不会在此div上激活resize事件。我在IE中测试过,确实如此。我会说Firefox正在调整div的宽度,因为如果我使窗口变小则不会出现滚动条但是当我查看Firebug中的元素尺寸时,宽度不会更新,因此它看起来像混合消息。

我的主要目标是为此div上的resize事件设置一个跨浏览器事件处理程序,但我现在想避免使用jQuery。可能的?

1 个答案:

答案 0 :(得分:0)

我从未试图加入Div的调整大小事件,不确定是否或如何使其发挥作用。

我之前在IE和FF上工作的是挂钩窗口调整大小事件,然后根据新的窗口大小调整div大小。通常我试图让左侧菜单垂直填充屏幕,或者在渲染顶部标题和/或左侧菜单后强制内容div填充屏幕的其余部分。不确定你想要完成什么,但这可能是另一种方法。