找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
积分等级发帖收益的说明江阴论坛帮助汇总江阴论坛管理规则(必看)江阴论坛版主招聘中江阴论坛已运行
查看: 1381|回复: 0

[技术分享] 通过 JavaScript 获取页面上的鼠标位置

[复制链接]
发表于 2010-5-18 13:53:36 | 显示全部楼层 |阅读模式
以下是获取鼠标在页面上位置的代码实现.
  1. /**
  2. * 获取鼠标在页面上的位置
  3. * @param ev                触发的事件
  4. * @return                        x:鼠标在页面上的横向位置, y:鼠标在页面上的纵向位置
  5. */
  6. function getMousePoint(ev) {
  7.         // 定义鼠标在视窗中的位置
  8.         var point = {
  9.                 x:0,
  10.                 y:0
  11.         };

  12.         // 如果浏览器支持 pageYOffset, 通过 pageXOffset 和 pageYOffset 获取页面和视窗之间的距离
  13.         if(typeof window.pageYOffset != 'undefined') {
  14.                 point.x = window.pageXOffset;
  15.                 point.y = window.pageYOffset;
  16.         }
  17.         // 如果浏览器支持 compatMode, 并且指定了 DOCTYPE, 通过 documentElement 获取滚动距离作为页面和视窗间的距离
  18.         // IE 中, 当页面指定 DOCTYPE, compatMode 的值是 CSS1Compat, 否则 compatMode 的值是 BackCompat
  19.         else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
  20.                 point.x = document.documentElement.scrollLeft;
  21.                 point.y = document.documentElement.scrollTop;
  22.         }
  23.         // 如果浏览器支持 document.body, 可以通过 document.body 来获取滚动高度
  24.         else if(typeof document.body != 'undefined') {
  25.                 point.x = document.body.scrollLeft;
  26.                 point.y = document.body.scrollTop;
  27.         }

  28.         // 加上鼠标在视窗中的位置
  29.         point.x += ev.clientX;
  30.         point.y += ev.clientY;

  31.         // 返回鼠标在视窗中的位置
  32.         return point;
  33. }
复制代码
原文:http://www.neoease.com/get-cursor-position-with-javascript/
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|江阴人家

GMT+8, 2024-12-28 21:41 , Processed in 0.024412 second(s), 16 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表