使用jquery/javascript禁用缩放浏览器？

Question

我想阻止用户无论如何使用缩放网站内容.例如.在浏览器选项中按ctrl + scroll/select.有没有办法在浏览器中使用jquert/js禁用缩放功能？谢谢

Answer 1

如果您只是想阻止用户缩放来修复表单焦点问题,例如在iPhone上,当表单输入放大到字段中,然后在完成时不缩小,则可以使用javascript更改视口元素标签:

    var viewportmeta = document.querySelector('meta[name="viewport"]');
    viewportmeta.content = 'user-scalable=NO, width=device-width, initial-scale=1.0'

这可以防止用户在iPhone上放大缩放操作.然后,您可以直接处理任何可访问性问题,例如添加自己的缩放控件或完成后重置viewportmeta.

Answer 2

您可以通过Ctrl +或Ctrl-或通过此代码使用Ctrl键+鼠标滚轮向上或向下禁用放大浏览器.

$(document).keydown(function(event) {
if (event.ctrlKey==true && (event.which == '61' || event.which == '107' || event.which == '173' || event.which == '109'  || event.which == '187'  || event.which == '189'  ) ) {
        event.preventDefault();
     }
    // 107 Num Key  +
    // 109 Num Key  -
    // 173 Min Key  hyphen/underscor Hey
    // 61 Plus key  +/= key
});

$(window).bind('mousewheel DOMMouseScroll', function (event) {
       if (event.ctrlKey == true) {
       event.preventDefault();
       }
});

在这里查看演示http://jsfiddle.net/VijayDhanvai/4m3z3knd/