是否使用jquery/javascript禁用浏览器放大?

是否使用jquery/javascript禁用浏览器放大?,javascript,jquery,zooming,Javascript,Jquery,Zooming,我想阻止用户使用无论如何缩放网站内容。例如,在浏览器选项中按住ctrl键并滚动/选择。有没有办法使用jquert/js禁用浏览器中的缩放功能?谢谢,没有。出于可访问性的原因,您无法执行此操作。尝试此Jquery热键,您可以禁用缩放窗口,如下所示: 可能很晚,但您可以使用jQuery: $(document).ready(function(){ $(document).keydown(function(event) { if (event.ctrlKey==true &&

我想阻止用户使用无论如何缩放网站内容。例如,在浏览器选项中按住ctrl键并滚动/选择。有没有办法使用jquert/js禁用浏览器中的缩放功能?谢谢,没有。出于可访问性的原因,您无法执行此操作。

尝试此Jquery热键,您可以禁用缩放窗口,如下所示:

可能很晚,但您可以使用jQuery:

$(document).ready(function(){
$(document).keydown(function(event) {
    if (event.ctrlKey==true && (event.which == '107' || event.which == '109')) {
        alert('disabling zooming ! ');
        event.preventDefault();
     }
});
})

如果您只是想阻止用户缩放以解决表单焦点问题,例如在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();
       }
});
在此处查看演示


//Zoom Engelemek
//=0?o:t,w=t,e(),x=!0,顶=self)y=!0;如果(r>n和(t.OffTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheTheThet();var n=e.target,r=l(n);if(!r|e.defaultPrevented | s(w,“嵌入”)| s(n,“嵌入”)&&/\.pdf/i.test(n.src)src)返回!返回!返回!返回!返回!返回!返回!返回!返回(n.src)返回)返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!返回!触碰板支持和f(触摸板)支持和f(i)(i!0:(数学.abs(a)>1.2&(a)和(a)和(a)和(a)和(a)和(a)和(a)和(a)和(a*=v.Ste尺寸/120)v.Ste尺寸/120),数学.步大小,数学.abs(a),数学.abs(i)数学.abs(i)>1.1.1.2和(i)>1.2和(i)>1.2和(i)>1.2和(i)>1.2和(i)>1.2和(i| e.metaKey | e.shiftKey&&e.keyCode!==H.spacebar;如果(/input | textarea | select | embed/i.test(t.nodeName)| | t.isContentEditable | e.defaultPrevented | n)return!0;if(s(t,“button”)&&e.keyCode==H.spacebar)return!0;var r,a=0,i=0,u=l(w),c=u.clienthight;开关(u==document.body&(c=window.innerHeight),e.keyCode){case H.up:i=-v.arrowScroll;break;case H.down:i=v.arrowScroll;break;case H.spacebar:r=e.shiftKey?1:-1,i=-r*c*.9;break;case H.pageup:i=.9*-c;break;case H.pagedown:i=.9*c;break;break;case H.home:i=-u.scrollTop;break;case H.end:var d=u.scrollHeight-u.scrollTop-c;i=d>0?d+10:0;break;case;case H.left=-a;break;scroll=a;scroll=a;scroll=a;scroll=v返回(t)函数i(e)函数i(e)函数i(e)函数i(e)函数i(e)函数i(e,t)函数i(e,t)函数i(e,t){(var o=e.长度;o——)z(N)z(N=e)z(N=e.长度;o(e)o--)z(N(e)z(N)z(N)z(N)z(N)z(N)z(N)(N)(N)(N)z(e)z(N)z(e(e(e)z(e(e)的长度;z(e(e(e)z(e(e)的)的(N(e(e(o)的长度;z(o----)z)z(N)z(N)z(N(N)z(N)z(N)z(N(N)z(e(N)(N)z(N)z(N)z(N)z(N)z(e x=e,k.y=t,M=[],C=0)}函数f(e){if(e){e=Math.abs(e),D.push(e) (2)o=h(D[0,o,n;返回e;返回e*e*=e*=e(e)返回e*=v.脉冲尺度,1>e?e*=v.脉冲尺度,1?e?t?t[1,[1,[1,[1,[1,[1,[1,[1,[1,[1,[1,[1,[1,[1,[1,[1,[1,[1,[1,[1,[1,[1,[1],120]和h(D[1,[1,[1,[1,[2,[1]]],[1],[1],[1],,[1]和h(D[1]1],[2,[2,[2,[2,[2,[2,[2,[2,[2],120]))),,,,,,,,,,,,,,,,,,,,,,,,,,,,脉冲正规化}函数p(e){返回e>=1?1:0>=e?0:(1==v.pulseNormalize&&(v.pulseNormalize/=m(1)),m(e))}var w,g={帧速率:150,动画时间:800,步长:120,pulselogrithm:!0,pulseScale:8,pulseNormalize:1,加速度增量:20,加速度最大值:1,键盘支持:!0,箭头滚动:50,触摸板支持:!0,固定背景:!0,排除:,:},v=g,b=!1,y=!1,k={x:0,x=D,document元素=[120120],H={left:37,up:38,right:39,down:40,空格键:32,pageup:33,pagedown:34,end:35,home:36},v=g,M=[],T=!1,C=+新日期,z={};setInterval(function(){z=},1e4);var A,N=function(){var e=0;return function(T){return return T T T T T T.uniqueID | | | | | |(T.uniqueID=e+)},e+,e=}函数{return return new Date window network network came,z={框架},动画请求窗口}}{window.setTimeout(e,o | | 1e3/60)}(),K=/chrome/i.test(window.navigator.userAgent),文档中的L=“onmouseheel”;L&&K&(u(“mousedown”,a),u(“mousewheel”,n),u(“load”,t))};
//]]>

不可能。即使你能做到,为什么要禁用一个应由用户完全自行决定的可用性功能?如果屏幕大小改变,布局可能会损坏,因此可能会重复。@Leo Chan为了防止布局崩溃,我们应该实施响应式网页设计注意NILY的答案被劝阻,参考文献往往会随着时间的推移而变得陈旧。请在这里添加一个独立的概要,保持链接作为参考。这样的解决方案的问题是用户已经被放大了。比如说某人的祖母不想得到她的阅读眼镜并制作谷歌200%,然后点击链接。访问您的网站。他们将以200%的速度查看您的网站,因为设置已经存在。现在,假设奶奶只知道如何放大和缩小,因为她的孙子向她演示了如何使用鼠标滚轮。如果不使用设置菜单,他们无法将您的网站恢复到100%,并且不按自己的方式进行操作。我如何检查f或者鼠标滚动缩放和触摸屏收缩缩放mac上的命令按钮。command+控制缩放。这可能是对任何想禁用缩放功能的人的最好回答。就我个人而言,我用它来禁止人们在我的游戏上放大/缩小。现在是2020年,所以可能有更好的方法解决这个问题。This不提供问题的答案。您可以,也可以参考页面右侧的相关和链接问题来查找答案。如果您有相关但不同的问题,请包含指向此问题的链接以帮助提供上下文。请参阅: