鼠标的当前位置

简介:

意思搞的不是太明白,先发上来做为一个记录。

 

复制代码
window.onload  =   function (){
            
var  a  =  document.getElementById( ' a ' );
            a.onmousemove 
=   function (e){
                
var  pointer  =  getCroodsInDocument(e);
                
var  b  =  document.getElementById( ' b ' );
                b.innerHTML 
=   ' x, y = ( '   +  pointer.x  +   ' , '   +  pointer.y  +   ' ) ' ;
            }
            
            
function  getCroodsInDocument(e){
                e 
=  e  ||  window.event;
                
var  x  =  e.pageX  ||  (e.clientX  +  (document.documentElement.scrollLeft  ||  document.body.scrollLeft));
                
var  y  =  e.pageY  ||  (e.clientY  +  (document.documentElement.scrollTop  ||  document.body.scrollTop));
                
return  {
                    
' x ' : x,
                    
' y ' : y
                };
            }
        }
复制代码

 

静态代码:

 

< div  id ="a" >
            
< div  id ="c" ></ div >
        
</ div >
        
< div  id ="b" > x </ div >

 

 




本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2009/12/07/1618273.html,如需转载请自行联系原作者

目录
相关文章
|
9月前
|
人工智能 物联网 调度
边缘大型AI模型:协作部署与物联网应用——论文阅读
论文《边缘大型AI模型:协作部署与物联网应用》系统探讨了将大模型(LAM)部署于边缘网络以赋能物联网的前沿框架。针对传统云端部署高延迟、隐私差的问题,提出“边缘LAM”新范式,通过联邦微调、专家混合与思维链推理等技术,实现低延迟、高隐私的分布式智能。
1396 6
边缘大型AI模型:协作部署与物联网应用——论文阅读
|
4月前
|
Cloud Native Java 大数据
Java:三十载长青的编程语言,从入门到进阶的全维度解析
在全球编程语言的发展长河中,Java 无疑是最具生命力的存在之一。自 1995 年由 Sun Microsystems 发布以来,它历经互联网萌芽、移动互联网爆发、云原生时代崛起等多个技术周期,始终稳居 TIOBE 编程语言排行榜前列,成为企业级开发、大数据、安卓应用、云计算等领域的核心技术基石。
855 1
|
11月前
|
数据采集 存储 前端开发
学术数据采集中的两条路径:结构化提取与交互式解析
在科研信息采集过程中,自动化获取论文元数据(如标题、作者、引用等)已成为刚需。本文以 Scopus 和 CNKI 为例,详解两种主流抓取方式:一是直接解析 HTML 获取浅层数据,二是通过模拟交互提取深层内容,并结合代理服务绕过访问限制,实现高效稳定的数据采集。
591 0
学术数据采集中的两条路径:结构化提取与交互式解析
|
6月前
|
人工智能 监控 API
分布式智能崛起后,我们终于知道 AI调度官 负责什么了
2026年,AI从云端巨兽蜕变为亿级边缘智能体,“AI调度官”应运而生——不再写提示词,而是设计交互协议、调控算力资源、熔断群体风险、注入人类价值观。他们是分布式智能时代的“立法者”与“守夜人”,掌控人机共生新秩序。(239字)
312 6
|
Java 调度 流计算
基于Java 17 + Spring Boot 3.2 + Flink 1.18的智慧实验室管理系统核心代码
这是一套基于Java 17、Spring Boot 3.2和Flink 1.18开发的智慧实验室管理系统核心代码。系统涵盖多协议设备接入(支持OPC UA、MQTT等12种工业协议)、实时异常检测(Flink流处理引擎实现设备状态监控)、强化学习调度(Q-Learning算法优化资源分配)、三维可视化(JavaFX与WebGL渲染实验室空间)、微服务架构(Spring Cloud构建分布式体系)及数据湖建设(Spark构建实验室数据仓库)。实际应用中,该系统显著提升了设备调度效率(响应时间从46分钟降至9秒)、设备利用率(从41%提升至89%),并大幅减少实验准备时间和维护成本。
616 0
《跟老卫学仓颉编程语言开发》实战:猜数字游戏
本文介绍了用仓颉语言开发的一个简单猜数字游戏,综合运用了流程控制、标准输入、字符串操作和整型比较等知识。程序生成1到100之间的随机整数,用户通过标准输入猜数字,程序提示“太大”或“太小”,直至猜中并显示祝贺信息。代码使用`std.console`包处理输入,`std.convert`包实现字符串转整型,通过`if-else`判断大小,`while`循环支持多次输入。示例源于《跟老卫学仓颉编程语言开发》,源码可在其GitHub仓库获取。
782 0
|
存储 安全 搜索推荐
应该使用HTTPS的一些网站
应该使用HTTPS的一些网站
1257 3
|
前端开发 开发者 UED
设备像素、css像素、设备独立像素、dpr、ppi之间的区别
【10月更文挑战第24天】在实际应用中,这些概念相互关联,共同影响着网页在不同设备上的显示表现。开发者需要了解它们之间的区别和关系,以便更好地进行网页设计和优化,确保在各种设备上都能提供良好的用户体验。
|
网络协议 前端开发 API
HTTP 和 TCP 协议的应用场景有哪些不同
【10月更文挑战第25天】HTTP(超文本传输协议)和 TCP(传输控制协议)处于网络协议栈的不同层次,各自具有独特的功能和特点,因此它们的应用场景也存在明显的差异。
|
编译器 C语言 C++
【C语言程序设计——选择结构程序设计】求输入的日期是该年的第几天(头歌实践教学平台习题)【合集】
本任务要求编写程序,根据用户输入的年月日(以空格或回车分隔),计算并输出该天是该年的第几天,需注意判断闰年。主要内容包括: 1. **任务描述**:实现从键盘输入年月日,计算该天是当年的第几天。 2. **相关知识**: - `switch` 结构的基本语法及使用注意事项。 - 判断闰年的条件:能被4整除但不能被100整除,或能被400整除的年份为闰年。 3. **编程要求**:根据提示补充代码,确保程序正确处理输入并输出结果。 4. **测试说 示例代码展示了如何使用 `switch` 语句和闰年判断逻辑来完成任务。通过此练习,掌握 `switch` 语句的应用及闰年判断方法。
685 0