title: Disable zooming of the page in desktop web browsers using Javascript/Jquery
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/1713771/how-to-detect-page-zoom-level-in-all-modern-browsers">How to detect page zoom level in all modern browsers?</a>  </p>
  </blockquote>
  
  
  
  <pre><code>var obj=document.body;  // obj=element for example body
  // bind mousewheel event on the mouseWheel function
  if(obj.addEventListener)
  {
      obj.addEventListener('DOMMouseScroll',mouseWheel,false);
      obj.addEventListener("mousewheel",mouseWheel,false);
  }
  else obj.onmousewheel=mouseWheel;
  
  function mouseWheel(e)
  {
      // disabling
      e=e?e:window.event;
      if(e.ctrlKey)
      {
          if(e.preventDefault) e.preventDefault();
          else e.returnValue=false;
          return false;
      }
  }
  </code></pre>
  
  <p>I am developing a web app and all ui element will be not in a correct order if user zoom in / zoom out . So, are there any way to prevent it? I have think of some way to do it but is it possible ?</p>
  
  <p>1) Get the screen resolution of the user. When the window size is change (either width or height), return the window width/height  to screen width /height. </p>
  
  <p>2) bind the mouse scroll event or keyboard event to nothing. (Refer to above demo code) , but what if the user click on the browser and select zoom in ?</p>
  
  <p>Thanks</p>