JavaScript में क्रॉस-ब्राउज़र विंडो रिसाइज़ इवेंट्स क्या हैं?

addEventListener के साथ रिसाइज़ इवेंट

JavaScript में विंडो रिसाइज़ इवेंट के लिए, addEventListener() का उपयोग करें। निम्नलिखित कोड आपको वर्तमान विंडो का आकार देगा:

उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      div { 
        margin-top: 10px; 
        padding: 10px; 
        background-color: #1E9E5D; 
        width: 50%; 
      } 
      span { 
        font-size: 50px; 
      } 
    </style> 
    <script> 
      window.addEventListener('resize', display); 
      function display() { 
        document.querySelector('.width').innerText = document.documentElement.clientWidth; 
        document.querySelector('.height').innerText = document.documentElement.clientHeight; 
      } 
      display(); 
    </script> 
  </head> 
  <div> 
    <span>Width= <span class="width"></span></span><br /> 
    <span>Height= <span class="height"></span></span> 
  </div> 
  </body> 
</html>