JavaScript でブラウザの「ズーム」イベントをキャッチする 質問する

JavaScript でブラウザの「ズーム」イベントをキャッチする 質問する

JavaScript を使用して、ユーザーがページ内でズームを変更したことを検出することは可能ですか? 単に「ズーム」イベントをキャッチしてそれに応答したいだけです (window.onresize イベントと同様)。

ありがとう。

ベストアンサー1

ズームがあるかどうかを積極的に検出する方法はありません。ここで、それを実装する方法に関する優れたエントリを見つけました。

ズーム レベルを検出する方法は 2 つあります。ズーム レベルの変更を検出する方法の 1 つは、パーセンテージ値がズームされないという事実に依存します。パーセンテージ値はビューポートの幅に相対的であるため、ページ ズームの影響を受けません。パーセンテージで位置を指定する要素とピクセルで同じ位置を指定する要素の 2 つを挿入すると、ページがズームされたときにそれらの要素は離れます。両方の要素の位置の比率を見つけると、ズーム レベルがわかります。テスト ケースを参照してください。http://web.archive.org/web/20080723161031/http://novemberborn.net/javascript/page-zoom-ff3

上記の投稿のツールを使用してこれを行うこともできます。問題は、ページがズームされたかどうかを推測することになる点です。この方法は、一部のブラウザではうまく機能しますが、他のブラウザではうまく機能しません。

ズームされた状態でページが読み込まれた場合、ページがズームされているかどうかを確認する方法はありません。

おすすめ記事