用 javascript 获取当页面上鼠标 (光标) 位置在许多情况下都会用到, 比如拖放, 悬停提示(tooltip) 等等. 当然, 这里我们依然要面对浏览器的兼容问题, 在不同的浏览器下, 对这些相关的属性处理方式也不同, 本文详细介绍了浏览器在处理这些属性时的差异和最终的解决方法.
--------------------------------------------------------------
点此浏览示例文件 http://www.codebit.cn/pub/html/javascript/tip/mouse_position/mouse_position.php
- --------------------------------------------------------------
- Javascript:
- <script type="text/javascript">
- // 说明: 获取鼠标位置
- // 整理: http://www.codebit.cn
- // 来源: http://www.webreference.com
- function mousePosition(ev){
- if(ev.pageX || ev.pageY){
- return {x:ev.pageX, y:ev.pageY};
- }
- return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
- };
- }
- </script>
来源: http://www.360doc.com/content/11/0106/16/4182758_84484801.shtml