检测触摸设备的捏合度缩放

问题描述

假设认级别等于“ 1”,是否有可能检测触摸设备的收缩(缩放)级别?原因是我希望根据缩放级别禁用页面元素(显示:无)。

如果可以在设置缩放级别值的单个函数中使用它,那将是很好的选择,例如:

var ZOOM = 1;
function detectPinchZoomLevel(ev){
  /*
      //some calculations here...
      ZOOM = 1.235 ; (for example)
  */
}
document.addEventListener('touchmove',detectPinchZoomLevel},false);

感谢帮助

解决方法

实际上很简单:

var ZOOM = 1;
var viewport = window.visualViewport;
function resizeHandler() {ZOOM = viewport.scale;}   
window.visualViewport.addEventListener('resize',resizeHandler);