js如何禁止PC端浏览器缩放网页?-创新互联

js如何禁止PC端浏览器缩放网页?,相信大部分人都还没学会这个技能,为了让大家学会,给大家总结了以下内容,话不多说,一起往下看吧。

成都创新互联是专业的滨州网站建设公司,滨州接单;提供成都网站制作、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行滨州网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

尝试过监控键盘和滚轮事件,阻止默认事件,在不同浏览器里表现不一

   document.addEventListener('DOMContentLoaded', function (event) {            //chrome浏览器
            document.body.style.zoom = 'reset';            document.addEventListener('keydown', function (e) {                if ((e.ctrlKey === true || e.metaKey === true) &&
                    (e.which === 61 || e.which === 107 || e.which === 173 || e.which === 109
                        || e.which === 187 || e.which === 189)) {
                    e.preventDefault();
                }
            }, false);            document.addEventListener('mousewhell DOMMouseScroll', function (e) {                if (e.ctrlKey === true || e.metaKey === true) {
                    e.preventDefault();
                }
            }, false);
        }, false);

以上就是js禁止PC端浏览器缩放网页的详细内容,代码示例简单明了,如果在日常工作遇到此问题。通过这篇文章,希望你能有所收获,更多详情敬请关注创新互联行业资讯频道!


当前标题:js如何禁止PC端浏览器缩放网页?-创新互联
网站URL:http://myzitong.com/article/doohje.html