Question

在我的页面上，我有两个按钮 -

<input type="button" value="Fit Window" onclick="FitWindow()">
<input type="button" value="Actual Size" onclick="ActualSize()">

function FitWindow()
{
   $("body").css("zoom",iZoomValue*100+"%"); 
}
function ActualSize()
{
   $("body").css("zoom","1"); 
}

最初是一个大图像被放大（使用CSS）以适应窗口。如果用户想要查看实际大小，可以单击实际大小按钮。我也在捕捉resize事件，因此如果用户调整浏览器窗口的大小，图像将根据浏览器窗口的高度和宽度放大。

$(window).bind('resize', function () {
   FitWindow();
});

它可以在其他浏览器上正常工作，但是，在IE中，当用户点击按钮时，它会以某种方式检测到resize事件并跳转到FitWindow()函数（我猜是因为IE在处理resize事件时的行为）。我正在寻找的是它是否可以检测按钮事件并避免调用调整大小函数？

Answer 1

在调整大小事件中，查找$("body").css("zoom") != 1，例如：

$(window).bind('resize', function () {
   if ($("body").css("zoom") != 1)
      FitWindow();
});

阻止访问某些功能

1 个答案: