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 イベントからいくつかの要素を追加することによってドキュメントのサイズが変更された場合は、「こんにちは」と警告する必要があります。

これどうやってするの？jQueryを使用できません。

編集:ブラウザ全体のサイズを変更すると、イベントが発生することに気付きました。DOM のサイズが変更されたときにどのように起動できますか。

4

0 に答える 0