`
wxw850227
  • 浏览: 70848 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js获取frame鼠标坐标

    博客分类:
  • js
 
阅读更多
var   a   =document.activeElement;  
          if   (a.tagName=="BODY")   return;  
          var   e   =   get_position(a);
    clickx=e.x;
    clicky=e.y;


var clickx;
var clicky;
function   get_position(e){  


          var   l=e.offsetLeft;t=e.offsetTop;    
          while(e=e.offsetParent){  
              t+=e.offsetTop;  
              l+=e.offsetLeft;  
          };   return   {x:   l,   y:   t};  
      }  
分享到:
评论

相关推荐

    取得鼠标坐标.rar

    在IT领域,获取鼠标坐标是一项基础且重要的任务,特别是在开发图形用户界面(GUI)应用程序时。这个名为"取得鼠标坐标.rar"的压缩包文件似乎包含了一个执行程序,用于展示或帮助开发者理解如何在编程中获取鼠标的...

    js轨迹跟踪(动画轨迹,记录鼠标点击过的坐标点)

    在本话题中,我们主要关注的是如何使用JavaScript来实现轨迹跟踪,即记录并展示用户的鼠标点击过的坐标点,甚至可以形成动画轨迹,以增强用户体验和数据分析。 首先,我们需要理解JavaScript事件监听机制。在网页中...

    帧动画frame-by-frame animation

    帧动画(Frame-by-Frame Animation)是一种在计算机图形学和游戏开发中常用的技术,它通过逐帧播放一系列图像来创建连续的动态效果。在给定的场景中,“点击图片的右边,则图片向右移动,到屏幕边缘停止;点击图片...

    鼠标跟上_练习_braincnh_grain51l_

    这里,`elementWidth` 和 `elementHeight` 是需要跟随元素的宽度和高度,计算方式是将鼠标坐标减去元素尺寸的一半,使得元素始终处于鼠标下方并居中。 5. **优化性能**:为了提高用户体验,可以使用...

    HTML5 Canvas 鼠标滑过3D动画效果

    然后,我们需要定义动画的基本结构,包括帧率、背景图像、鼠标坐标等。在这个例子中,可能包含一个`requestAnimationFrame`循环来更新动画: ```javascript var frameRate = 60; var mouseX, mouseY; document....

    js仿动力原理

    首先,我们需要理解JavaScript在动画中的核心概念——时间帧(frame)。在每一帧中,我们更新小球的位置,并用`requestAnimationFrame`函数来设置下一次动画的执行,这样就能形成连续的视觉效果。`...

    jQuery鼠标双击或拖拽图片加入小框代码

    6. **鼠标坐标计算**:在拖动事件中,我们需要获取鼠标的当前位置,以及拖动开始时的初始位置,用以计算图片的新位置。 7. **拖放边界限制**:可能还需要限制拖动范围,确保图片不会超出容器或其他预定区域。 8. *...

    3D玫瑰(rose)JS实现

    在3D世界中,玫瑰是一种美丽且复杂的几何形状,它可以通过数学公式和编程技术来实现。本主题聚焦于使用...在实践中,你还可以探索其他WebGL库,比如 Babylon.js 或 A-Frame,它们也提供了创建3D图形的强大工具。

    随鼠标的一群小点特效代码

    5. **坐标系统转换**:由于HTML元素的位置基于文档的左上角,而鼠标坐标基于屏幕,所以需要进行坐标系统的转换,将鼠标相对于窗口的坐标转换为相对于元素的坐标。 6. **性能优化**:大量动态元素的更新可能会对页面...

    js firefox支持问题

    - **`event.x`与`event.y`**:IE中直接提供`event.x`和`event.y`属性来获取鼠标位置,而在Firefox中则需使用`event.pageX`和`event.pageY`。此外,`event.clientX`和`event.clientY`在两个浏览器中的表现也有所不同...

    js超酷3D照片展示效果.rar

    8. **框架和库**:为了简化3D编程,有许多JavaScript库和框架,如Three.js、 Babylon.js 和A-Frame等,它们提供了高级接口和丰富的功能,帮助开发者快速创建3D应用。 在“js超酷3D照片展示效果”这个项目中,我们...

    火狐和IE支持javaScript脚本的一些区别

    在IE中,鼠标事件的坐标可以通过`event.x`和`event.y`获取,但在Firefox中,这些属性不可用。取而代之的是`event.pageX`和`event.pageY`。为了解决这个差异,可以采用以下代码: ```javascript var mX = event.x ? ...

    Javascript游戏开发 -- 让你的静态人物动起来

    JavaScript中,通常使用(x, y)坐标表示人物位置。运动逻辑包括速度设定、方向判断、碰撞检测等,这些都需要编写相应的JavaScript函数来处理。 5. **事件监听与用户交互**: 游戏人物的移动往往需要响应用户的输入,...

    IE和ff的兼容技巧

    9. **鼠标坐标获取** - **IE**: 使用 `event.x` 和 `event.y` 获取鼠标坐标;而Firefox中则使用 `event.pageX` 和 `event.pageY`。 **解决方法**:采用兼容性写法如 `mX = event.x ? event.x : event.pageX;` ...

    永远碰不到的小球 Flash版.rar

    在《永远碰不到的小球》中,开发者可能使用了`addEventListener`方法来监听`MouseMove`和`MouseDown`事件,以获取鼠标的实时位置和用户尝试点击的动作。 2. **对象和类**:每个小球都是一个独立的对象,可能由一个...

    magic-mouse:一个基于 HTML5 和 Go 语言后端的,可将任意带陀螺仪的移动设备(例如智能手机)变成控制电脑屏幕上光标的“空中鼠标”的前后端项目

    映射方式 1:计算角度和初始的差,直接应用到x/y坐标(三角函数) 映射方式 2:(未定) 后端能否简便使用 WebSocket NodeJS的 WebSocket 原生支持 GoFrame GoFrame WebSocket( 解析 JSON:encoding/json 包...

    javascript vbscript 实例 3D

    它支持多种3D库和框架,如Three.js、A-Frame、 Babylon.js等,这些库能够帮助开发者创建复杂的3D场景、动画和交互。例如,Three.js 提供了丰富的3D对象、光照、相机控制等功能,使得JavaScript开发者无需深入了解...

    js中常用函数.doc

    - **功能**:获取最后一次鼠标点击的X和Y坐标。 - **示例**: ```javascript document.addEventListener("click", function(event) { console.log("Click X: " + event.clientX + ", Y: " + event.clientY); }...

    Javascript中最常用的55个经典技巧.doc

    9. **获取控件绝对位置**:JavaScript和VBScript提供了获取HTML元素相对于文档的坐标的方法,例如:JavaScript的`getBoundingClientRect()`方法和VBScript的循环计算偏移量。 10. **光标定位到文本框末尾**:通过...

    JavaScript实用的一些技巧

    11. 获取控件的绝对位置:JavaScript 和 VBScript 提供了方法获取元素的坐标,例如通过 `offsetTop` 和 `offsetLeft` 属性,可以在用户界面动态定位元素。 12. 光标始终在文本框末尾:`function cc(){var e = event...

Global site tag (gtag.js) - Google Analytics