当用户更改页面中的缩放时,是否可以使用JavaScript检测？我只是想捕捉一个"缩放"事件并对其做出响应(类似于window.onresize事件).
谢谢.
好吧,我的要求是在所有设备/所有浏览器中缩放和平移svg.我使用panzoom.js实现了它.
现在,我在平板电脑和Windows触摸屏显示器上面临着Mozilla firefox的问题.当我试图捏和缩放svg.它不会捕获我的事件,而是捕获浏览器事件并使用浏览器缩放和缩放整个页面.
我尝试了以下步骤:我在html的头部添加了这个元标记.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
我也尝试了以下在IE 11和IE边缘工作的属性.
touch-action:none;
Mozilla什么都没有.
我需要禁用浏览器缩放捏,以便我可以实现我的功能.
提前致谢!
我尝试使用以下元视图端口标记来阻止浏览器缩放:
<meta content='width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,target-densitydpi=device-dpi' name='viewport' />
但这不起作用.我知道这是可能的,因为我的缩放在这个网站上被阻止:futurism.xyz
该网站的视口标记是这样的:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
我做错了什么或错过了什么？
可能重复:
如何在所有现代浏览器中检测页面缩放级别？
var obj=document.body; // obj=element for example body
// bind mousewheel event on the mouseWheel function
if(obj.addEventListener)
{
obj.addEventListener('DOMMouseScroll',mouseWheel,false);
obj.addEventListener("mousewheel",mouseWheel,false);
}
else obj.onmousewheel=mouseWheel;
function mouseWheel(e)
{
// disabling
e=e?e:window.event;
if(e.ctrlKey)
{
if(e.preventDefault) e.preventDefault();
else e.returnValue=false;
return false;
}
}
我正在开发一个Web应用程序,如果用户放大/缩小,所有ui元素的顺序将不正确.那么,有什么方法可以阻止它吗？我想到了一些方法,但它有可能吗？
1)获取用户的屏幕分辨率.当窗口大小改变(宽度或高度)时,将窗口宽度/高度返回到屏幕宽度/高度.
2)将鼠标滚动事件或键盘事件绑定为空.(请参阅上面的演示代码),但如果用户单击浏览器并选择放大,该怎么办？
谢谢
我想阻止用户无论如何使用缩放网站内容.例如.在浏览器选项中按ctrl + scroll/select.有没有办法在浏览器中使用jquert/js禁用缩放功能？谢谢
我试图在firefox中使用ctrl和+组合为我们的Web应用程序执行不同的操作.当我们的Web应用程序正在侦听此事件时,我怎么能阻止firefox进行缩放？我不想在firefox中更改设置,但希望代码以某种方式执行此操作.有什么建议？