get_coordinate.html

<!--TODO : 修改图片路径 -->
<img src="test.jpg" id="pic" />

<textarea id="result_text" rows="10" cols="30">
</textarea>

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
	(function() {
		function get_init_point(e) {
			x = e.pageX - $('#pic').offset().left;
			y = e.pageY - $('#pic').offset().top;
			$('#result_text').val(x + ',' + y);
		}
		document.getElementById('pic').onmousedown = get_init_point;
	})();

</script>