请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1443|回复: 0

原生JS获取鼠标XY轴的值

[复制链接]

821

主题

821

帖子

2663

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2663
发表于 2019-8-28 15:28:23 | 显示全部楼层 |阅读模式
  1. /**
  2. * 原生JS获取鼠标XY轴的值
  3. *
  4. * @param {Object} evt
  5. * @returns
  6. */
  7. function mousePosition(evt) {
  8.   evt = evt || window.event;
  9.   //Mozilla
  10.   if (evt.pageX || evt.pageY) {
  11.     return {
  12.       x: evt.pageX,
  13.       y: evt.pageY
  14.     }
  15.   }
  16.   //IE
  17.   return {
  18.     x: evt.clientX + document.body.scrollLeft - document.body.clientLeft,
  19.     y: evt.clientY + document.body.scrollTop - document.body.clientTop
  20.   }
  21. }

  22. //获取X轴坐标
  23. function getX(evt) {
  24.   evt = evt || window.event;
  25.   return mousePosition(evt).x;
  26. }

  27. //获取Y轴坐标
  28. function getY(evt) {
  29.   evt = evt || window.event;
  30.   return mousePosition(evt).y;
  31. }

  32. //外部函数调用1
  33. document.getElementById("x").onclick = function (evt) {
  34.   alert(getX(evt))
  35. }

  36. //外部函数调用2
  37. function showXY(evt) {
  38.   evt = evt || window.event;
  39.   document.getElementById("n").innerHTML = "" + getX(evt);
  40. }
  41. window.onload = function () {
  42.   document.body.onmousemove = showXY;
  43. }

复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

用户反馈
客户端