Her tarayıcı boyutu değiştiğinde çalışacak bir fonksiyon nasıl oluşturulabilir?

JavaScript
1

Tarayıcının boyutu her değiştiğinde bir işlem yapmak istiyorum. Örneğin sayfanın boyutunu anlık olarak ekrana yazdırmak istediğimi varsayalım. Fonksiyon önemli değil. Asıl sorun genişliğin her değişimini nasıl yakalayacağımda…

2 
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <script type="text/javascript">

        setInterval(function yazdir() {

            var myWidth = 0, myHeight = 0;

            if( typeof( window.innerWidth ) == 'number' ) 

            {

                myWidth = window.innerWidth; myHeight = window.innerHeight;

            } 

            else if( document.documentElement && ( document.documentElement.clientWidth ||document.documentElement.clientHeight ) ) 

            {

                myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight;

            } 

            else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) 

            {

                myWidth = document.body.clientWidth; myHeight = document.body.clientHeight;

            }

            

            document.getElementById("timercik").innerHTML=myWidth+" Width and "+myHeight+" Height.";

        },100)

        

    </script>

</head>

<body>

    <p id="timercik"></p>

    

</body>

</html>

Bu şekilde yapabildim. Anlık nasıl alınır bilmiyorum.

1 Beğeni
3 
 <body onresize="myFunction()">
4 Beğeni