我有一个简单的页面
<!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 大小时如何触发它。