【付费解决】JS获取页面鼠标点击坐标

基于jquery获取框架内元素坐标，输出在页面上，要放在服务器才能看到效果，你可以尝试发布在IIS上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.warp{width:800px;margin:0 auto;}
.header{height:300px;background:red;color:#fff;}
.result{ position:fixed;background:green;color:#fff; width:300px;height:50px;line-height:50px;top:100px;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(document).bind("mousemove", function(e) {
    $("#result").html("x:" + e.pageX + ", y:" + e.pageY);
});
$('#iframe1').load(function(){
var iL=$(this).offset().left;
var iT=$(this).offset().top;
$($("#iframe1").contents()[0], window).bind("mousemove", function(e) {
    $("#result").html("x:" + (e.pageX+iL) + ", y:" + (e.pageY+iT));
});
});})
</script>
</head><body>
<div class="warp">
<div class="header"></div>
    <div class="content">
     <iframe id="iframe1" src="9.html" style="position:relative; width:500px; height:500px"></iframe>
    </div>
</div>
<div class="result" id="result"></div>
</body>
</html>