讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
当前位置：首页 > web前端 > js教程 >

正文

0

0

jQuery如何获取鼠标位置

coldplay.xixi

coldplay.xixi

发布时间：2020-12-03 14:48:00

|

6204人浏览过

|

来源于php中文网

原创

jQuery获取鼠标位置的方法：首先将pageX和pageY与事件绑定；然后让X，Y的位置信息显示到【】中；接着保存文件查看显示；最后在文档中单击光标后显示的位置信息即可。

jQuery如何获取鼠标位置

本教程操作环境：windows7系统、jquery3.2.1版本，Dell G3电脑。

jQuery获取鼠标位置的方法：

1、e.pageX 和 e.pageY

05c2f30ad526450047a249d9773586b.png

2、pageX和pageY必须与事件绑定

ab7886542559975569afd9efd6a13c4.png

3、获取单击光标时，X，Y轴的位置信息

09e2d54d94d6594b8049bdc29d253e0.png

Heeyo
Heeyo

Heeyo：AI儿童启蒙陪伴师，风靡于硅谷的儿童AI导师和玩伴

下载

4、让X,Y的位置信息显示到

中

bde121c3a1f93e91ecd7533783c3745.png

5、保存文件查看显示，

629069d16c90917fb70ebe18c54360e.png

6、在文档中单击光标后显示的位置信息

ccd4f388bcc2b858b1c455ffeae1b94.png

相关免费学习推荐：javascript（视频）

相关文章

如何根据下拉选择显示所有 ID 小于等于所选值的元素

如何修复 Gymso 模板中外部链接导致的 DOMException 错误

如何为 Treeview 菜单添加开闭动画与加载状态效果

如何为树形菜单（TreeView）添加展开/收起动画与加载提示效果

如何为 Treeview 菜单添加展开/收起动画与加载状态效果

相关标签:

jquery

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：jquery怎么判断字符串是否包含子串 下一篇：input输入框用jquery怎么写失去焦点事件

作者最新文章

javascript如何将时间字符串转化为时间

2021-04-30 16:27

javascript如何定义私有方法

2021-04-30 16:34

ajax和javascript的区别是什么

2021-04-30 16:38

css如何改变图片颜色

2021-04-30 16:46

css如何禁止滑动

2021-04-30 16:53

css如何禁止复制

2021-04-30 17:01

php无法加载mysql怎么办

2021-04-30 17:07

浅析php简单操作mysql锁机制

2021-04-30 17:16

重点详解Java类和对象

2021-04-30 17:21

php操作redis大全记录

2021-04-30 17:30

热门AI工具

更多
DeepSeek

DeepSeek

幻方量化公司旗下的开源大模型平台

AI大模型

开放平台
豆包大模型

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI大模型
通义千问

通义千问

阿里巴巴推出的全能AI助手

AI大模型
腾讯元宝

腾讯元宝

腾讯混元平台推出的AI助手

文档处理

Excel 表格
文心一言

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI大模型

中文写作
讯飞写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

中文写作

写作工具
即梦AI

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

图画生成
ChatGPT

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI大模型

中文写作
智谱清言 - 免费全能的AI助手

智谱清言 - 免费全能的AI助手

智谱清言 - 免费全能的AI助手

AI大模型

PDF 文档

相关专题

更多
PS使用蒙版相关教程
PS使用蒙版相关教程

本专题整合了ps使用蒙版相关教程，阅读专题下面的文章了解更多详细内容。

23

2026.01.19

java用途介绍
java用途介绍

本专题整合了java用途功能相关介绍，阅读专题下面的文章了解更多详细内容。

11

2026.01.19

java输出数组相关教程
java输出数组相关教程

本专题整合了java输出数组相关教程，阅读专题下面的文章了解更多详细内容。

3

2026.01.19

java接口相关教程
java接口相关教程

本专题整合了java接口相关内容，阅读专题下面的文章了解更多详细内容。

2

2026.01.19

xml格式相关教程
xml格式相关教程

本专题整合了xml格式相关教程汇总，阅读专题下面的文章了解更多详细内容。

4

2026.01.19

PHP WebSocket 实时通信开发
PHP WebSocket 实时通信开发

本专题系统讲解 PHP 在实时通信与长连接场景中的应用实践，涵盖 WebSocket 协议原理、服务端连接管理、消息推送机制、心跳检测、断线重连以及与前端的实时交互实现。通过聊天系统、实时通知等案例，帮助开发者掌握 使用 PHP 构建实时通信与推送服务的完整开发流程，适用于即时消息与高互动性应用场景。

13

2026.01.19

微信聊天记录删除恢复导出教程汇总
微信聊天记录删除恢复导出教程汇总

本专题整合了微信聊天记录相关教程大全，阅读专题下面的文章了解更多详细内容。

93

2026.01.18

高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程，阅读专题下面的文章了解更多详细内容。

112

2026.01.16

全民K歌得高分教程大全
全民K歌得高分教程大全

本专题整合了全民K歌得高分技巧汇总，阅读专题下面的文章了解更多详细内容。

155

2026.01.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

相关下载

更多
php商城系统
淘源码商城PHP淘宝查信誉
PHP房产程序[BBWPS]
PHP简约自动发卡平台个人版
ERMEB域名PHP离线网络授权系统
Difeye-敏捷的轻量级PHP框架
大泉州汽车网PHP整站程序

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
jQuery 教程
jQuery 教程

共42课时 | 4.4万人学习

HTML+CSS基础与实战
HTML+CSS基础与实战

共132课时 | 9.6万人学习

tp6+adminlte搭建通用后台
tp6+adminlte搭建通用后台

共39课时 | 5.8万人学习

最新文章

更多
javascript如何存储数据_localstorage和sessionstorage有何区别【教程】
jQuery 顶部滚动条在窗口缩小时失效的解决方案
javascript如何进行模块化_es6模块和commonjs有什么区别【教程】
javascript条件语句怎么写_switch case如何使用【教程】
JavaScript Canvas怎么操作_如何绘制图形和动画【教程】
javascript模块是什么_如何导入和导出模块【教程】
javascript如何发送网络请求_fetch和axios哪个更好用【教程】
什么是javascript异步编程_promise和async_await如何使用【教程】
如何按自定义顺序对嵌套对象数组进行升序排序（7204 固定置后）
javascript ajax如何实现_怎样发起网络请求【教程】
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部