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

2017年8月29日

環境

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>