event.clientX

イベントが発生したクライアント上のX座標を示します。

構文

イベントオブジェクト.clientX

例文

<html>
 <head>
  <title>event.clientX</title>
  <script type="text/javascript"><!--
  window.onload = function() {
   document.onclick = document.getElementById("fButton").onclick = function(evt) {
    try {
     document.getElementById("result").innerHTML = "evt.clientX = "+evt.clientX;
    }catch(e){
     document.getElementById("result").innerHTML = "event.clientX = "+event.clientX;
    }
   }
  }
  // --></script>
 </head>
 <body>
 <form style="margin-left:400px">
  <input type="button" id="fButton" value="ページ上か、このボタンをクリックしてください">
 </form>
 <div id="result"></div>
 </body>
</html>

関連記事

スポンサーリンク

フォーム部品集合がnodeName、childNodesプロパティを持っている

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る