源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JS获取鼠标坐标的实例方法

  • 时间:2020-11-29 12:26 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JS获取鼠标坐标的实例方法
[u]复制代码[/u] 代码如下:
var restrictX;  var restrictY;  var tip;  // 鼠标坐标   function mousePosition(ev) {  return {          x : ev.clientX + document.documentElement.scrollLeft - document.documentElement.clientLeft,          y : ev.clientY + document.documentElement.scrollTop - document.documentElement.clientTop      };  }  // 鼠标事件   function mouseMove(ev) {      ev = ev || window.event;      var mousePos = mousePosition(ev);      restrictX = mousePos.x;      restrictY = mousePos.y;  }  document.onmousemove = mouseMove;  document.onclick = mouseMove; 
上面的代码在谷歌和搜狐浏览器中获取的值会不准确,需进行修改,如下:
[u]复制代码[/u] 代码如下:
var restrictX;  var restrictY;  var tip;  // 鼠标坐标   function mousePosition(ev){      var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;      var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;      return {          x:ev.clientX + scrollLeft - document.documentElement.clientLeft,          y:ev.clientY + scrollTop - document.documentElement.clientTop      };  }  // 鼠标事件   function mouseMove(ev){      ev = ev || window.event;      var mousePos = mousePosition(ev);      restrictX = mousePos.x;      restrictY = mousePos.y;  }  document.onmousemove = mouseMove;  document.onclick = mouseMove; 
[u]复制代码[/u] 代码如下:
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft; var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; 
这两句为,如果能获取到鼠标坐标,则去前面,否则用后面的方法获取鼠标坐标,“|| ”后面的是给WebKit 内核的浏览器使用
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部