[解決済み] JavaScriptでブラウザの "zoom "イベントをキャッチする
2022-04-20 06:10:04
質問
ユーザーがページのズームを変更したときに、JavaScriptで検出することは可能でしょうか? 私は単に"zoom"イベントをキャッチし、それに応答したいのです(window.onresizeイベントと同様)。
ありがとうございます。
解決方法は?
ズームがあるかどうかを能動的に検出する方法はありません。どのように実装を試みるかについては、ここに良いエントリーがありました。
<ブロッククオートを検出する方法を2つ見つけました。 ズームレベル ズームレベルを検出する方法の1つは レベルの変更に依存しています。 パーセントの値はズームされません。A パーセント値は ビューポート幅の影響を受けません。 ページズーム 2つの要素を挿入する場合。 パーセントで表示されます。 と同じ位置の ピクセルで表示された場合、両者は離れてしまいます。 ページが拡大されます。の比率を求めます。 両要素の位置と をクリックすると、ズームレベルが表示されます。テスト の場合です。 http://web.archive.org/web/20080723161031/http://novemberborn.net/javascript/page-zoom-ff3
上の投稿のツールを使ってもできますよ。問題は、ページがズームされたかどうか、多かれ少なかれ経験則に基づいた推測をすることになることです。これは、あるブラウザではうまくいきますが、他のブラウザではうまくいきません。
拡大した状態でページを読み込まれても、拡大したかどうかを判断する方法はありません。
関連
-
Vueでルートネスティングを実装する例
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み] ループ内のJavaScriptクロージャ - シンプルな実用例
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] JavaScriptでsetIntervalの呼び出しを停止する
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vueネットワークリクエストソリューション ネイティブネットワークリクエストとjsネットワークリクエストライブラリ
-
JSアレイループと効率解析の比較
-
vue3.0プロジェクトのアーキテクチャを構築するための便利なツール
-
[解決済み】Node.jsで "Cannot find module "エラーを解決するには?
-
[解決済み】Node.js Error: Cannot find module express
-
[解決済み] 期待される代入または関数呼び出し: 未使用式なし ReactJS
-
[解決済み] TypeError: $.ajax(...) is not a function?
-
[解決済み] DOM要素が現在のビューポートで表示されているかどうかを確認するにはどうすればよいですか?
-
[解決済み】すべてのモダンブラウザでページのズームレベルを検出する方法は?
-
[解決済み】イベントハンドラを「パッシブ」に設定して、ページの応答性を向上させることを検討する。