禁用在桌面web浏览器中使用Javascript/Jquery缩放页面

Disable zooming of the page in desktop web browsers using Javascript/Jquery

本文关键字：Jquery 缩放 Javascript 桌面 web 浏览器      更新时间：2023-09-26

可能重复：
如何在所有现代浏览器中检测页面缩放级别？

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;
    }
}

我正在开发一个web应用程序，如果用户放大/缩小，所有ui元素的顺序都不正确。那么，有什么方法可以预防吗？我想了一些办法，但有可能吗？

1( 获取用户的屏幕分辨率。更改窗口大小(宽度或高度(时，将窗口宽度/高度返回到屏幕宽度/高度。

2( 将鼠标滚动事件或键盘事件绑定为零。(参考上面的演示代码(，但如果用户点击浏览器并选择放大怎么办？

感谢

    var zoomlevel=1;
    $("body").dblclick(function(ev) {
        zoomlevel = zoomlevel == 1 ? 2 : 1;

        $(this).css({
            "-moz-transform":"scale("+zoomlevel+")",
            "-webkit-transform":"scale("+zoomlevel+")",
            "-o-transform":"scale("+zoomlevel+")",
            "-ms-transform":"scale("+zoomlevel+")"
        });

    });
相关文章：