Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで画面を基準にしたカーソルの座標を見つける方法は？

JavaScriptでカーソルの座標を見つけるには、 event.screenXを使用します。 およびevent.screenY 。

例

次のコードを実行して、JavaScriptの画面を基準にしたカーソル座標を取得してみてください。

<!DOCTYPE html>
<html>
   <head>
      <script>
         function coordinatesFunc(event) {
            document.write("Coordinate(X) = " + event.screenX + "<br>Coordinate(Y) = " + event.screenY);
         }
      </script>
   </head>
   <body>
      <div onmousedown = "coordinatesFunc(event)">Click me to get coordinates of cursor relative to screen.</p>
   </body>
</html>

  1. JavaScriptでキャンバスに描画する方法は？

    HTMLキャンバスへの描画は、JavaScriptを使用して行います。キャンバスに描画する前に、HTML DOMメソッドgetElementById（）およびgetContext（）を使用してください。 そのためには、いくつかの手順に従います- キャンバス要素を見つけるには、getElementById（）メソッドを使用する必要があります。 キャンバスの描画オブジェクトであるgetContext（）を使用します。描画のメソッドとプロパティを提供します。 その後、キャンバスに描画します。 例 次のコードを実行して、JavaScriptでキャンバスを描画してみてください- <!D

  2. JavaScriptで画面解像度を検出する方法は？

    画面の解像度を検出するには、window.screenの概念を使用します。 幅は以下を使用してください- window.screen.availWidth 高さの場合- window.screen.availHeight 以下は、画面解像度を検出するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt