阻止访问某些功能

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 中，当用户单击按钮时，它以某种方式检测到调整大小事件并跳转到 FitWindow() 函数（我猜是由于 IE 在处理调整大小事件时的行为）。我正在寻找的是是否可以检测到按钮事件并避免调用调整大小函数？

Answer 1

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

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