ホームページ » UI / UX » Glio.jsを使ってマウスがウィンドウから離れたときの検出

    Glio.jsを使ってマウスがウィンドウから離れたときの検出

    何回タブを閉じて、 あなたにとどまるように頼むモーダルウィンドウ? これは今日では当たり前のようです。それは1つの理由で行われています。!

    あなたが使用して同様の効果を構築することができます Glio.jsライブラリ. ユーザーのマウスカーソルがいつ動くかを検出するための無料のオープンソースJSスクリプトです。 端に近づく またはそれが ブラウザウィンドウを閉じる.

    これは試しに使うことができます あなたのサイトに訪問者を維持する. しかし、それはまたに使用することができます 動的効果を作成する ユーザーのマウスが画面の片側に移動した場合.

    あなたはこれらの多くを見つけるでしょう インテントスクリプトを終了する ウェブ上のいたるところにあり、それらのほとんどは カスタマイズが難しい. しかし、それがGlio.jsを素晴らしいものにしているのです。.

    それは強力なライブラリです あなたにコントロールを与える 画面で何をするかについて。ユーザーのマウスがブラウザから離れた場合は、 モーダルを表示する, または 背景色を変更する, または 絶対に何もしない.

    それも付属しています 内蔵ホットスポット ユーザーのマウスが画面の四隅のいずれかに近づくたびに確認できます。あなたもすることができます コールバックメソッドを定義する そして カーソルをどれだけ近づけるべきか 何かを実行する前に.

    Glioを使うには、コピーをダウンロードするだけです。 GitHubから そしてそれをインストールしてください。コピーを引っ張ることもできます Bower、npm、またはCDNから直接.

    あなたのページのスクリプトでは、あなただけの この1行のコードを追加する (あなたのオプションでカスタマイズ):

     glio.init([direction、callback]); 

    方向 オプションは 任意のコーナー(例:. “左上”または) “上”, 画面の上部を表します。あなたのコールバック関数は 実行したいどんなJSコードでも ユーザーのマウスが近づきすぎたとき。他のオプションでは、 方向点からの距離, GitHubで関連情報を見つけることができます.

    だから、あなたが簡単なスクリプトを探しているなら 出口の意図を検出する Glioは必須のリソースです.