私は Google Chrome の拡張機能を設計していますが、(可能であれば) それから少しの現金を稼ぎたいので、コード全体を投稿したくはありません。これが私の質問に対する禁止的な制限ではないことを願っています。
拡張機能の一部としてコンテンツ スクリプトをすべての Web サイトに挿入しています。コンテンツ スクリプトの一部にはタッチ センシティブ オーバーレイが含まれています。これは、スワイプ リスナーが割り当てられた非表示の HTML div です。アイデアは、スクリプトが実行されるすべての Web サイトにスワイプ機能を追加することです。
ただし、特にページを下にスクロールした後、特定のページでオーバーレイが「死ぬ」ように見えるという問題があります。google.com全体でスワイプを完璧に登録します-スクロールまたはその他-しかし、たとえば、ページを少し下にスクロールした後、engadget.comで死ぬようです. (もう少しスクロールすると、スワイプの登録が再び開始されることがよくあります。) コンソールを開く (F12) などの操作を行うと、スワイプの登録も開始され、ページを更新すると (オブジェクトが以前あった場所と同じ場所に) 登録が開始されます。また。
オーバーレイに使用している HTML/JavaScript は次のとおりです。
$("/<div class = \"touch_sensitive_overlay\" style = \"top:40%;opacity:1;position:fixed;height:247px;z-index:99999;width:50%;left:50%;border:2px solid black;\"></div>").prependTo('body');"
jQuery Mobile ライブラリを使用してスワイプを登録しています。
有益な洞察をいただければ幸いです。
アップデート：
Sumrai8 によって解決策が提案され、成功裏に実装されました。ドキュメントはスクロールのためにリッスンされ、スクロールが発生するたびに、挿入された HTML からオーバーレイが削除され、すぐに再挿入されました。このように、オーバーレイは継続的に「アクティブ」であり、すべての Web サイトでの入力に応答します。よく考えてくれてありがとう、Sumurai8。