问题描述
假设默认级别等于“ 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);