ホームページ >ウェブフロントエンド >htmlチュートリアル >マウスをカバーcursor_html/css_WEB-ITnose

マウスをカバーcursor_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 09:44:051108ブラウズ

マウス カーソル Web をカバーします

皆さんに質問があります

私はスクロール バー、上部にフローティング レイヤー、そして下部にテキスト ボックスを備えた Web インターフェイスを持っています
スクロール バーをドラッグするたびに、フローティング レイヤーが表示されます。は変化せず、テキスト ボックスは上に移動してフローティング レイヤーで覆われます
が、カーソルはフローティング レイヤー内で点滅したままになります。
この問題を解決するには、テキストボックスをフローティングレイヤーに入れるか、カーソルの点滅を解除するか、カーソルがフローティングレイヤーに表示されないようにする方法はありますか?

ありがとう。 。 。

ディスカッションに返信 (解決策)

レイヤーがポップアップしたら、テキスト ボックスを追加するだけでフォーカスを失います。 document.getElementById("xx").blur();

1. まず、ページにスクロール バー イベントを追加します。 $(window ).scroll(function(){ WHAT TO DO })
2. document.selection.createRange().boundingTop を使用してカーソル情報を取得します Y 座標
document.activeElement を使用してカーソル オブジェクト イベントを取得して座標を取得しますカーソルが置かれているコントロールの
$("# XXXX").offset().top コントロールの Y 座標を取得します~
最後に、DIV の高さとカーソルの高さの間の距離を計算します。スクロールバーイベント、コントロールが DIV の後ろに移動したときに動的に計算されます。
スクロールバーが下にスクロールします。その後、カーソルを元のコントロールに移動します。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。