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

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

WBOY
リリース: 2016-06-21 09:44:05
オリジナル
1110 人が閲覧しました

マウス カーソル 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 の後ろに移動したときに動的に計算されます。
スクロールバーが下にスクロールします。その後、カーソルを元のコントロールに移動します。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート