ホームページ  >  記事  >  ウェブフロントエンド  >  マウス イベントを使用せずに JavaScript でマウスの位置を決定できますか?

マウス イベントを使用せずに JavaScript でマウスの位置を決定できますか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-10-23 19:38:31791ブラウズ

Can You Determine the Mouse Position in JavaScript Without Mouse Events?

マウス イベントを使用せずにマウスの位置を取得する

ページの読み込み時に、マウス移動イベントを使用せずに JavaScript でマウスの位置を取得できますか?

答え:

従来、ユーザーの入力なしにマウスの位置を決定することは不可能でした。ただし、次の回避策があります:

トリッキーなアプローチ (使用は避ける):

ドキュメント全体をカバーするオーバーレイ DIV を作成します。 2,000 x 2,000 個のアンカー要素「」をそれぞれ 1 ピクセルのサイズで追加します。 font-family などの特定のプロパティを変更する CSS ":hover" ルールを適用します。

ページの読み込み後に 400 万の "" 要素のそれぞれを反復処理します。フォントが変更されるまで、各要素の currentStyle/getComputedStyle() を確認してください。これにより、非表示のカーソルの下にある要素が識別されます。この要素の座標を計算してマウスの位置を決定します。

注意:

このメソッドは使用しないでください。 これには大量の DOM 操作が含まれます。パフォーマンスへの影響。実際のアプリケーションでは、このアプローチは避けてください。

以上がマウス イベントを使用せずに JavaScript でマウスの位置を決定できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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