js获取光标坐标

方法一: 使用事件对象的clientX和clientY属性获取光标坐标:

document.addEventListener('mousemove', function(event) {
   
  var x = event.clientX;
  var y = event.clientY;
  console.log('光标位置:', x, y);
});

方法二: 使用getBoundingClientRect()方法获取目标元素的位置信息:

var targetElement = document.getElementById('target');
var rect = targetElement.getBoundingClientRect();
var x = rect.left;
var y = rect.top;
console.log('目标元素的位置:', x, y);

相关推荐

  1. js获取光标坐标

    2024-01-11 23:04:01       36 阅读
  2. js获取当前时间

    2024-01-11 23:04:01       38 阅读
  3. js获取年月份

    2024-01-11 23:04:01       15 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-11 23:04:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-11 23:04:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-11 23:04:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-11 23:04:01       20 阅读

热门阅读

  1. docker镜像版本号规则定义

    2024-01-11 23:04:01       31 阅读
  2. 搜索二维矩阵【二分】

    2024-01-11 23:04:01       41 阅读
  3. 轻量级 HTTP 请求组件

    2024-01-11 23:04:01       33 阅读
  4. 力扣(leetcode)第520题检测大写字母(Python)

    2024-01-11 23:04:01       37 阅读
  5. docker资源控制

    2024-01-11 23:04:01       31 阅读
  6. 2024.1.11

    2024.1.11

    2024-01-11 23:04:01      32 阅读
  7. 基于uniapp 组件uniform 得自定义picker 选择器

    2024-01-11 23:04:01       27 阅读
  8. Sqlite3相关返回值

    2024-01-11 23:04:01       28 阅读
  9. springboot 集成kafka

    2024-01-11 23:04:01       37 阅读
  10. springboot常见注解

    2024-01-11 23:04:01       36 阅读
  11. GO语言Context的作用

    2024-01-11 23:04:01       28 阅读