javascript取得鼠标的位置

最新推荐文章于 2025-09-12 16:56:45 发布
最新推荐文章于 2025-09-12 16:56:45 发布
阅读量84 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/suzongwei/archive/2008/03/27/1125357.html
本文介绍了一种使用JavaScript来获取鼠标在网页上相对位置和绝对位置坐标的简单方法。通过监听鼠标移动事件，可以实时更新并显示鼠标的位置信息。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JavaScript得到鼠标坐标</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Generator" content="EditPlus" />
<meta name="Author" content="Dicky">
<meta name="Keywords" content="ENSONFLY'S BLOG:http://ensonfly.guwancun.com/">
<script language="javascript" type="text/javascript">
<!--
function document.onmousemove()
{
x.innerHTML = "相对位置：X:" + window.event.x + " Y:" + window.event.y;
y.innerHTML = "绝对位置：X:" + window.event.screenX + " Y:" + window.event.screenY;
}
//-->
</script>
</head>
<body>
<div id="x"></div>
<div id="y"></div>
</body>
</html>

转载于:https://www.cnblogs.com/suzongwei/archive/2008/03/27/1125357.html

JavaScript获取鼠标坐标
09-01 570
在实际开发 ,我们有时候需要获取鼠标的坐标进行一些操作，以下总结了几个常用的事件属性： screenX/screenY:事件发生时鼠标指针相对于屏幕的坐标。 clientX/screenY:事件发生时鼠标指针相对于显示区域的坐标。(坐标以当前的显示区域为依据,不受滚动条的影响) pageX/pageY: 事件发生时，鼠标相对于整个页面的坐标 (IE不支持)。         func
JavaScript——DOM位置属性
Abby_zzy的博客
03-20 1676
Event对象属性： clientX相对浏览器窗口的x坐标位置 offsetX设置或者是得到鼠标相对于事件目标的父元素的内边界在x坐标上的位置。（FF不支持） screenX相对于用户屏幕。 例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <me...
javascript获取窗口和div位置
qianbo042311的博客
07-28 3130
https://www.cnblogs.com/qixinbo/p/7052808.html 事件的位置主要涉及clientX,clientY,screenX,screenY,offsetX,offsetY 。 1.1 offsetX,offsetY 鼠标相对于事件源元素（srcElement）的X,Y坐标。 1.2 event.screenX、event.screenY 鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性 1.3 event.clientX、event.cli
取得鼠标位置
一寒的博客----我亦无它，唯学习尔！
01-31 517
//取鼠标位置document.onmousemove = mouseMove;var mouse_x,mouse_y;function mouseMove(e) {    if(!document.all){        mouse_x=e.pageX;        mouse_y=e.pageY;    }else{        mouse_x=document.body.scrollL
JavaScript鼠标移动获取坐标
hnwolfs的博客
03-16 1581
Insert title here              div{             width:300px;             height:300px;             border:1px solid red;         }                   function fun(event){             var x=
Javascript获取鼠标位置及拖动函数
apache6的专栏
06-16 1192
function mouseX(event) {    if(!event){        return window.event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft);    }else{        return event.pageX;    }}function mouse
html如何获取鼠标,javascript – 如何获取鼠标指向的元素当前属性
weixin_36440677的博客
06-04 700
我正在使用d3.js并使用我创建的svg,我已经绘制了地图和圆圈.在这些圈子之上,我画了一个看不见的圆圈,这样我就可以在不可见的圆圈上盘旋.现在,当我将鼠标悬停在它们上面时,我想通过调用on事件函数来进行一些转换.在事件函数中,我希望得到我正在悬停的圆的属性.这是HTML页面的结构tabletbodytrtdsvgrect (boundary of canvass)g id=outerGgpat...
Javascript 对鼠标左右键的区分
hustlick0的专栏
06-01 2244
IE 下 onMouseDown 事件有个 events.button 可以返回一个数值，根据数值判断取得用户按了那个鼠标键 events.button==0  默认。没有按任何按钮。 events.button==1  鼠标左键  events.button==2  鼠标右键  events.button==3  鼠标左右键同时按下 events.button==4  鼠标中键
JavaScript概述
weixin_60934893的博客
10-05 1127
事实上，student被赋值为了一个JSON，JSON就是我们在Java基础阶段学过的，全称是JavaScript Object Notation，叫做JavaScript对象标记，也就是说，在JavaScript中，JSON是用于标记一个对象的。confirm方法与alert不同，他的返回值是boolean，当你点击“确定”时，返回true，无论你点击“取消”还是右上角的那个“X“关闭，都返回false。//因为就算是写，全都是var，为了保证语法的简洁性，全写var索性就设计成全都不用写了。
JavaScript
gshhshshbshjssjj的博客
09-02 2045
解释：可以变化的量变量是用于存储信息的容器【内存空间】 变量是一段命名的存储空间 变量是在程序运行过程中值允许改变变量的值 变量是由变量名，变量值，和变量类型组成。
JavaScript取得鼠标绝对位置程序代码介绍
10-27
除了鼠标位置属性，我们还需要了解一些DOM对象的高度属性，这些属性在计算元素的绝对位置时非常有用： 1. `scrollHeight`：获取对象的完整高度，包括溢出部分。 2. `scrollLeft`：设置或获取对象左边界和窗口中可见...
毕设&课设：基于jQuery的扩展库，使用纯JavaScript代码实现各种元素鼠标悬停效果.zip
07-11
本项目源码是一个基于jQuery的扩展库，利用纯JavaScript代码实现的网页元素鼠标悬停效果，对于网页设计师及前端开发人员来说，不仅是一个大作业设计项目，也可以作为一个“参考资料”来丰富和提高他们的技术能力。...
控制IE浏览器 及获取鼠标位置句柄
03-20
3. 鼠标事件的处理，包括获取鼠标位置、设置鼠标位置和模拟鼠标操作。 4. 对于使用IE内核的非典型IE窗口（如"我的电脑"）的控制方法。 在实际应用中，开发者或自动化测试工程师会结合这些技术，编写程序或脚本来...
《Linux运维总结：Redis7.4.5哨兵集群开启ACL并配置用户》
东城绝神
09-12 539
《Linux运维总结：Redis7.4.5哨兵集群开启ACL并配置用户》
前后端开发Mock作用说明，mock.ts
循环编织时间年轮，递归叩问存在本质，谁能在硅基荒原上，种出思想的玫瑰……
09-12 359
mock.ts是前端开发中用于模拟后端接口的TypeScript文件，通过生成虚假数据使前端无需等待后端即可独立开发。它定义数据结构、模拟请求响应，并提供与真实接口一致的调用方式。示例展示了如何生成用户数据并模拟分页接口，使用vite-plugin-mock等工具实现。前端代码调用Mock接口与调用真实接口方式相同，待后端完成时只需替换接口地址即可平滑切换，实现了前后端并行开发。
JavaScript的功能和作用
2402_83164836的博客
09-10 499
JavaScript（简称 JS）是一种​​，最初设计用于为网页添加动态交互功能。经过多年发展，其应用场景已远超浏览器，成为覆盖前端、后端、移动端、桌面端甚至物联网等领域的“全场景语言”。
＜uniapp＞＜指针组件＞基于uniapp，编写一个自定义箭头指针组件
用沸腾的热血，支付我们的人生吧！
09-10 410
本文介绍了基于uniapp开发的自定义带箭头指针组件，通过SVG实现直线和箭头的组合效果。组件支持设置长度、颜色、角度等参数，并提供三种箭头规格(small/normal/big)可选。文章详细讲解了SVG结构的实现过程，包括计算终点坐标、响应式参数处理等核心功能，并展示了不同配置下的指针效果。该组件可用于时钟指针等场景，具有灵活性和复用性特点。
JavaScript经典面试题二（函数和作用域）
最新发布
weixin_43746297的博客
09-12 969
摘要：本文系统介绍了JavaScript中12个核心函数概念，包括闭包、作用域、函数绑定方法、高阶函数、箭头函数、生成器函数、防抖节流、递归、纯函数、函数重载和偏函数。重点解析了闭包的定义、实现原理及4种应用场景；详细对比了call/apply/bind三者的区别；深入探讨了箭头函数与普通函数的4个关键差异；分析了防抖节流的实现逻辑和应用场景；总结了递归的优缺点和使用建议；阐释了纯函数的定义和优势；说明了如何在JavaScript中模拟函数重载；介绍了偏函数的概念和实现方式。这些内容全面覆盖了JavaScr
Linux Node.js 安装及环境配置详细教程
csdn_aspnet的专栏，请点击博客主页右上角三个点中的私信联系
09-11 912
本文介绍了Node.js及其包管理工具npm的基本概念，并提供了详细的Linux环境安装配置指南。Node.js是基于Chrome V8引擎的JavaScript运行环境，使JavaScript能够用于服务端开发。npm是Node.js的包管理工具，类似于Maven，可自动处理依赖关系。文章详细讲解了从官网下载Node.js安装包到Linux服务器的步骤，包括解压、创建软连接、环境变量配置等操作，最后通过node -v和npm -v命令验证安装是否成功。该教程适用于需要在CentOS7系统上部署Node
利用JavaScript实现鼠标局部高亮截图功能
- 当用户移动鼠标（`mousemove`事件），根据鼠标位置动态地绘制一个矩形来表示截图区域。 - 当用户释放鼠标（`mouseup`事件），根据用户确定的区域将Canvas上对应的图像内容绘制到一个新的Canvas上，并完成裁剪。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值