JavaScriptでX座標、Y座標を表示

JavaScriptを使ってX座標、Y座標を表示させます。
写真上にマウスオーバーしてください。

↓以下が実際のソースサンプルです。

▼JavaScript

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
		
<script>
$(function(){
	$("img").mousemove(function(e){
		$("p").html("X座標の値:"+e.clientX+"<br>Y座標の値:"+e.clientY);
	});
});
</script>
	

▼XHTML

<body>
		<img src="a1.jpg" alt="空">
		<p></p>
</body>

デモページは、こちら