使用jquery / javascript禁用缩放浏览器？
我想阻止用户无论如何使用缩放网站内容。 例如。 在浏览器选项中按ctrl + scroll / select。 有没有办法在浏览器中使用jquert / js禁用缩放function？ 谢谢
如果您只是想阻止用户缩放来修复表单焦点问题，例如在iPhone上，当表单输入放大到字段中，然后在完成时不缩小，则可以使用javascript更改视口元素标签：
var viewportmeta = document.querySelector('meta[name="viewport"]'); viewportmeta.content = 'user-scalable=NO, width=device-width, initial-scale=1.0' 这可以防止用户在iPhone上放大缩放操作。 然后，您可以直接处理任何可访问性问题，例如添加自己的缩放控件或完成后重置viewportmeta。
您可以通过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/
可能晚了，但你可以用jQuery做到这一点：
$(document).ready(function(){ $(document).keydown(function(event) { if (event.ctrlKey==true && (event.which == '107' || event.which == '109')) { alert('disabling zooming ! '); event.preventDefault(); } }); })
不可以。出于可访问性原因，您无法执行此操作。
试试这个Jquery Hotkeys，你可以禁用这个缩放： https ： //github.com/tzuryby/jquery.hotkeys