3

私のページには2つのボタンがあります-

<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 を使用して) ウィンドウに収まるように拡大されます。ユーザーが実際のサイズを見たい場合は、[実際のサイズ] ボタンをクリックできます。サイズ変更イベントもキャッチしているため、ユーザーがブラウザー ウィンドウのサイズを変更すると、ブラウザー ウィンドウの高さと幅に応じて画像が拡大されます。

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

他のブラウザでは正常に動作しますが、IE ではユーザーがボタンをクリックすると、何らかの形でサイズ変更イベントを検出し、機能にジャンプしFitWindow()ます (サイズ変更イベントの処理中の IE の動作によると思います)。私が探しているのは、ボタンイベントを検出し、サイズ変更機能の呼び出しを回避できるかどうかです。

4

1 に答える 1

0

サイズ変更イベントで、次を探します$("body").css("zoom") != 1。例：

$(window).bind('resize', function () {
   if ($("body").css("zoom") != 1)
      FitWindow();
});
于 2012-05-30T14:45:18.873 に答える