javascript大全（包含教程、javascript特效以及技术讲座）

用javascript怎么得到鼠标指针的位置? 发信站: BBS 水木清华站 (Wed Nov 24 14:27:37 2004), 站内 谢谢, 现在搞定了 简单写一下, 也许有点用 javascrip 部分 <script language="JavaScript" type="text/javascript"> var browser = ""; // 检查客户端浏览器 if (document.layers) { browser += "NS4"; } else if (document.all) { browser += "IE"; } else if (document.getElementById) { browser += "NS6"; } // 鼠标移动的时候捕捉指针位置 function captureMousePosition(e, o) { if (!e) { // 如果是IE, 取得客户端的event e = window.event; } if (browser == "IE") { ordinateX = e.offsetX; ordinateY = e.offsetY; } else if (browser == "NS4" || browser == "NS6") { ordinateX = e.layerX; ordinateY = e.layerY; } // 设置form成员的值以便提交给其他页面处理 document.theForm.posX.value = ordinateX; document.theForm.posY.value = ordinateY; // 显示当前鼠标指针位置 document.getElementById("desc").innerHTML = "X = " + ordinateX + ", Y = " + ordinateY; } function submitForm() { document.theForm.submit(); } </script> html部分 <!-- 显示当前鼠标位置 --> <div id="desc" style="position:absolute;top:0px;left:0px;width:100%; height:20px;background-color:#EEEEEE;"> </div> <!-- 需要确定鼠标位置的层 --> <div id="md" style="position:absolute;top:30px;left:0px;width:100%; background-color: #DDDDDD;" onMouseMove="captureMousePosition(event, this);" onDblClick="submitForm();"> <img id="mi" src="map.jpg"> </div> <!-- 用来把坐标提交到其他页面 --> <form name="theForm" method="post" action=""> <input name="posX" type="hidden" value="0"> <input name="posY" type="hidden" value="0"> </form> 如果不想判断客户端浏览器类型, 可以直接用 ordinateX = e.clientX - o.offsetLeft; ordinateY = e.clientY - o.offsetTop; 得到鼠标指针在一个对象内部的相对位置, 不过实验以后发现, IE用这种 方法返回的坐标要比实际大两个像素, 不知道为什么. 【 在 lalula (团少与苗妞) 的大作中提到: 】 : E.layerX, layerY : 在图片外边包个layer