在我的页面上,我有两个按钮 -
<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 在处理调整大小事件时的行为)。我正在寻找的是是否可以检测到按钮事件并避免调用调整大小函数?