ホーム

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

 

環境

  • 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 にシェア



新規webサービスの開発の依頼ならoffテク⭐️

低コストで、Reactなどモダン言語での新規webサービス開発を承ります

-ホーム

Copyright© off , 2020 All Rights Reserved Powered by AFFINGER5.