Js实现禁止浏览器页面缩放

关注

原创最新推荐文章于 2026-03-03 00:08:21 发布 2.4k 阅读 AI 写同款· GEO 优化 ›

面向前端的webview知识总结本篇文主要面向前端同学食用，分别从简介，内核&组件，基本配置，加载，缓存机制，通信等几个方向列举安卓和iOS有关 webview 的知识点，希望前端在和客户端同学对接时不会太懵逼.. 阅读详情

Js实现禁止浏览器页面缩放

//阻止pc端浏览器缩放js代码
//解决ctrl/cammond + +/- 或 Windows下ctrl + 滚轮 缩放页面的情况
$(document).ready(function () {
    // chrome浏览器
    $('body').css('zoom', 'reset');
    $(document).keydown(function (event) {
        //event.metaKey mac的command键
        if ((event.ctrlKey === true || event.metaKey === true)
        && (event.which === 61 || event.which === 107 || event.which === 173 
        || event.which === 109 || event.which === 187  || event.which === 189)){
            event.preventDefault();
        }
    });
    // firfox浏览器
    $(window).bind('mousewheel DOMMouseScroll', function (event) {
        if (event.ctrlKey === true || event.metaKey) {
            event.preventDefault();
        }
    });
});