1

我有一个简单的页面

<!DOCTYPE html>
<html>     
<body>
    <input id="niceBtn" type="button" value="Nice Button" onclick="showDiv()"/>
    <div id="niceDiv" style="display:none;height:800px;width:40px;background-color:#F00;"></div>
</body>

<script type="text/javascript">
    function showDiv(){
        document.getElementById('niceDiv').style.display == "";
    }

    var resizer = function(){
        alert('Hello')
    };
    window.onresize = resizer;
</script>
</html>

当我单击按钮时,会显示“#niceDiv”。当 div 显示时,为什么调整大小不会触发?

我没有加入正确的事件吗?我需要附加到一个在动态 DOM 修改时触发的事件。如果通过添加来自 AJAX 响应或任何 javascript 事件的一些元素来更改文档的大小,我需要提醒“Hello”

我怎样才能做到这一点?无法使用 jQuery。

编辑:我注意到当我调整整个浏览器的大小时,事件会触发。调整 DOM 大小时如何触发它。

4

0 回答 0