鼠标的当前位置

简介:

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

 

复制代码
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,如需转载请自行联系原作者

目录
相关文章
|
存储 缓存 对象存储
利用云存储网关在Windows上挂载OSS
概述 阿里云OSS提供了海量低成本高可靠的对象存储,非常适合于存储文件,图像,视频等非结构化数据,同时也提供了丰富的SDK生态给开发者集成使用。但是对于开发资源有限的小企业或者个人用户而言,直接使用OSS存储还是存在诸多不便。
10467 1
利用云存储网关在Windows上挂载OSS
|
JavaScript
Vue3滚动条(Scrollbar)
这是一个基于 Vue 的自定义滚动条组件 Scrollbar.vue,提供了丰富的配置选项和方法。通过参数如 `contentClass`、`size` 和 `trigger` 等,可以灵活控制滚动条的样式和行为。
478 1
Vue3滚动条(Scrollbar)
|
10月前
|
机器学习/深度学习 存储 人工智能
【AI系统】计算图与自动微分
自动求导利用链式法则计算雅可比矩阵,从结果节点逆向追溯计算路径,适用于神经网络训练中损失值对网络参数的梯度计算。AI框架中,自动微分与反向传播紧密相连,通过构建计算图实现高效梯度计算,支持动态和静态计算图两种模式。动态图如PyTorch,适合灵活调试;静态图如TensorFlow,利于性能优化。
258 6
【AI系统】计算图与自动微分
|
10月前
|
存储 Linux 数据安全/隐私保护
【CentOS 7】深入指南:使用LVM和扩展文件系统增加root分区存储容量
通过上述步骤,您可以在 CentOS 7 系统中使用 LVM 和扩展文件系统来增加 root 分区的存储容量。这种方法不仅灵活,还能在不中断系统运行的情况下扩展存储空间,非常适合生产环境。请确保在操作前备份重要数据,并仔细执行每一步骤,以确保系统稳定和数据安全。
791 6
|
11月前
|
前端开发 JavaScript 数据挖掘
合成养成类游戏开发技术规则
合成养成类游戏结合了养成与合成的元素,提供策略性和趣味性的体验。开发涉及游戏设计、技术选型、开发测试、用户体验和合规安全等多方面规则,确保游戏品质、安全性和用户体验。通过合理的技术选型和精心设计,可以开发出具有市场竞争力的游戏产品。
|
存储 数据采集 编解码
【PACS】医学影像管理系统源码带三维重建后处理技术
【PACS】医学影像管理系统源码带三维重建后处理技术
244 0
802.11g 标准的数据速率是多少?
【8月更文挑战第24天】
707 0
|
存储 自然语言处理 算法
阿里云百炼之RAG算法能力分享会来喽|速来围观~
阿里云百炼是基于通义大模型、行业大模型以及三方大模型的一站式大模型开发平台。提供完整的模型训练工具和全链路开发套件,预置丰富的应用插件,提供便捷的集成方式,结合企业专属数据和API,帮企业高效完成大模型应用构建。RAG检索增强应用是在通义千问-Max大模型基础之上,专项增强「基于知识检索的大模型生成能力」,支持基于结构化/非结构化内容的文字生成场景。
924 5
|
人工智能 决策智能 数据安全/隐私保护
新加坡AI监管政策
【1月更文挑战第19天】新加坡AI监管政策
597 1
新加坡AI监管政策