网站建设资讯

NEWS

网站建设资讯

js如何禁止PC端浏览器缩放网页?

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

创新互联公司于2013年开始,先为仪陇等服务建站,仪陇等地企业,进行企业商务咨询服务。为仪陇企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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

   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端浏览器缩放网页?
分享路径:http://cdweb.net/article/pidsss.html