jquery - jQuery でのズームイン/ズームアウト イベント

Question

ウィンドウのズームイン時に「ズームインしました」、ズームアウト時に「ズームアウトしました」などのアラートを表示する機能が欲しいだけですが、この機能を何度も検索しましたが、検索するたびに「ズームアウト」のようになりますウィンドウイベントに」と表示され、それは私が探しているものではありません.

Answer 1

srceen.width は固定値ですが、window.innerWidth の値はズーム効果によって変化します。以下のコードを試してください：

 $(window).resize(function() {
       if(screen.width == window.innerWidth){
           alert("you are on normal page with 100% zoom");
       } else if(screen.width > window.innerWidth){
           alert("you have zoomed in the page i.e more than 100%");
       } else {
           alert("you have zoomed out i.e less than 100%")
       }
    });

Answer 2

ズーム機能を取得するのではなく、jquery を使用します

.resize()

関数

Answer 3

ズームインの意味は明確ではありませんが、Ctrl + マウス ホイールの動きだと思います。

これを実装するには、マウス ホイール イベントを探して、コントロール キーが押されているかどうかを確認します。

ここに出発点があります: jQuery でマウス ホイール イベントを取得しますか?

これにより、マウスが上下にスクロールしているかどうかを検出できます。

追加する必要があるのは、ctrl キーが押されているかどうかを確認する内部の IF だけであり、ユーザーがズームしているかどうかを検出できます。