ホーム

JSを使って画面クリックで座標を取得する

0
0

 

環境

  • js
  • JS
  • Javascript
  • css
  • CSS3
  • HTML
  • html5

実装

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <meta charset="utf-8" />

  <script type="text/javascript">
    function init()
    {
      window.onmousedown = handleMouseDown;
    }

    function handleMouseDown(event) {
      target = document.getElementById("output_client");
      target.innerHTML = "Client X:" + event.clientX + ", Client Y:" + event.clientY;
    }
</script>
 </head>


<body onload="init();">

<div id="output_client" ></div>

</body>
 </html>


実行結果

on.gif

Pocket
LinkedIn にシェア

  • この記事を書いた人
  • 最新記事

藤沢瞭介(Ryosuke Hujisawa)

りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

-ホーム

Copyright© off.tokyo , 2021 All Rights Reserved Powered by AFFINGER5.