javascript - 检测触摸设备捏合程度(缩放)

Question

假设默认级别等于“1”，是否可以检测触摸设备的捏合(缩放)级别？原因是我希望根据捏合级别禁用页面元素(显示:无)。

如果可以将其放在一个设置缩放级别值的函数中，那就太好了，例如:

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

感谢帮助

Answer 1

实际上很简单:

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