由于IE和Firefox对鼠标当前位置获取方法不同(IE为event.x|y,FF为event.pageX|Y),一般采用的是event.clientX代替两者,但当出现滚动条时event.clientX在IE和FF中的表现会略有不同。下面看看prototype和YUI如何处理这个问题...
prototype
pointerX:
function(event) {
return event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft)); }, pointerY: function(event) { return event.pageY || (event.clientY + (document.documentElement.scrollTop || document.body.scrollTop)); },
YUI
getPageX: function(ev) { var x = ev.pageX; if (!x && 0 !== x) { x = ev.clientX || 0; if ( this.isIE ) {x += this._getScrollLeft(); } } return x;},getPageY: function(ev) { var y = ev.pageY; if (!y && 0 !== y) { y = ev.clientY || 0; if ( this.isIE ) {y += this._getScrollTop(); } } return y;},
思路都一样,通过判断是否支持某对象来判断浏览器,然后增加Scrol的偏置值。
分享到:
相关推荐
在JavaScript中,获取鼠标位置和计算鼠标与特定div元素的相对位置是常见的需求,这在交互式网页开发中尤其重要。下面将详细讲解如何实现这些功能。 首先,我们需要理解两个基本概念:`event.clientX` 和 `event....
### JavaScript 获取鼠标当前位置坐标并显示 #### 知识点概览 本文将详细介绍如何使用JavaScript来获取鼠标在页面上的当前位置坐标,并实时显示这些坐标值。该功能主要涉及到以下几个知识点: 1. **事件监听器...
在 Web 开发中,获取鼠标位置是非常重要的一项技术,特别是在交互式网页设计、图像处理、游戏开发等领域。今天,我们将介绍两种使用 CSS 和 Ajax 实现鼠标位置获取的方法。 获取鼠标位置的重要性 在 Web 开发中,...
而在JavaScript中,可以使用`event.clientX`和`event.clientY`属性来获取鼠标位置,如下: ```javascript function OnMouseClick(event) { var x = event.clientX; var y = event.clientY; alert("鼠标位置: " +...
JavaScript获取鼠标坐标是Web开发中的常见需求,尤其在交互式应用和动态效果中扮演着重要角色。本篇文章将详细介绍各种JavaScript方法来获取鼠标位置,并解释它们的用途和差异。 首先,我们可以使用`event`对象来...
此外,还有许多第三方库和框架提供了获取鼠标位置的功能,如Unity3D游戏引擎中的`Input.mousePosition`,或者是JavaScript的`event.clientX`和`event.clientY`属性(在处理鼠标事件时)。 在实际应用中,获取鼠标...
在JavaScript编程中,获取鼠标位置是一项基础且常用的功能,尤其在设计交互式用户界面时尤为重要。这个功能使得我们可以根据鼠标的实时位置执行某些操作,比如创建动态提示、跟随鼠标移动的元素或者在特定位置显示...
至于`ImageSpliter.js`,它可能是一个用于分割图像的JavaScript工具,其中可能就用到了获取鼠标位置的功能。例如,用户可以通过拖动鼠标选择图像的一部分进行裁剪或分割。在这个场景下,获取鼠标相对位置就显得尤为...
1. **定义**:`event.clientX` 和 `event.clientY` 是 JavaScript 事件对象中的属性,用于获取鼠标点击位置相对于视口(即浏览器窗口)的横纵坐标。 2. **局限性**:虽然这两个属性能够提供基本的位置信息,但它们...
在Web开发中,特别是在JavaScript编程中,获取鼠标坐标是一项常见的需求,用于实现各种交互效果,如拖放功能、点击位置分析等。在不同的浏览器中,实现这一功能的方法可能有所不同,因此需要进行兼容性处理。以下是...
在JavaScript中,获取鼠标的绝对位置是常见的需求,特别是在实现交互式用户界面或者进行鼠标跟踪时。`event`对象是JavaScript中的一个内置对象,它包含了有关当前事件(如鼠标点击或移动)的各种信息,其中包括鼠标...
在JavaScript中,获取鼠标的坐标值是一项常见的任务,它在用户交互和动态界面设计中扮演着重要角色。根据描述,我们将讨论两种不同的场景来获取这些坐标:一是相对于`body`元素,二是相对于某个特定的对象。 ### 1....
由于不同浏览器对API的支持程度不同,上述代码通过一系列条件判断来确保在各种浏览器环境中都能正确获取鼠标位置。对于IE浏览器的特殊处理,是为了兼容其不同的文档兼容模式。 #### 总结 通过上述方法,我们可以...
在Windows环境下,我们可以使用Microsoft的Win32 API来获取鼠标位置。例如,使用`GetCursorPos`函数可以获取鼠标的当前屏幕位置,而`ScreenToClient`函数则可以将屏幕坐标转换为特定窗口的客户区坐标。以下是一个...
在 Javascript 中,可以使用多种方法来获取鼠标的位置信息。例如: 1. 使用 clientX、clientY 等属性来获取鼠标相对于窗口的横、纵坐标。 2. 使用 screenX、screenY 等属性来获取鼠标在屏幕上的横、纵坐标。 3. ...
javascriptjs获取鼠标点击时的坐标位置 只想帮你度过这个问题 加油你也行的
本文将详细介绍如何通过JavaScript获取鼠标在文档中的坐标位置,并确保该方法能在多种主流浏览器中稳定运行。 #### 一、问题背景 当用户与网页进行交互时,如点击鼠标按钮,页面会触发相应的事件。这些事件携带了...
对于javascript获取当前鼠标坐标来说,得对不同浏览器的坐标位置有所了解。具体代码如下: 代码如下:<html> <head> <title>javascript获取当前鼠标坐标</title> <meta http-equiv=”...
3. **`event.clientX` 和 `event.clientY`**:这两个属性分别表示相对于视口的鼠标位置的x和y坐标。 #### 三、核心代码解析 接下来,我们将根据提供的示例代码进行详细分析。 ```javascript function gj(event) {...