`
tdwm
  • 浏览: 49955 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript获取鼠标坐标的函数(兼容IE、FireFox、Chrome)

阅读更多




上网找了一个浏览器兼容性最佳的函数,经测试兼容IE、FireFox、Chrome,并且不会有滚动条误差问题,存档下,以备后用

 

 

 

function mousePos(e){

    var x,y;

    var e = e||window.event;

    return {

       x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,

       y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop

    };

}
 
分享到:
评论

相关推荐

    火狐兼容获取鼠标的坐标

    标题“火狐兼容获取鼠标的坐标”涉及到的是在网页开发中如何在Firefox浏览器上获取鼠标指针的位置。在Web开发中,特别是在JavaScript编程中,获取鼠标坐标是一项常见的需求,用于实现各种交互效果,如拖放功能、点击...

    event兼容调用(IE,Firefox,Chrome)

    本文将深入探讨在Internet Explorer(IE)、Firefox、Chrome三大主流浏览器中实现event兼容调用的方法,重点解析事件对象的获取及鼠标坐标获取的差异。 #### 事件对象的兼容性获取 在JavaScript中,事件处理通常...

    JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)

    本篇文章将深入探讨如何使用JavaScript获取鼠标在页面上移动时的坐标,并且介绍如何实现这一功能的同时确保兼容性,包括IE8、Chrome、Firefox和Opera等主流浏览器。 在JavaScript中,获取鼠标坐标主要涉及两个事件...

    JS获得鼠标位置(兼容多浏览器ie,firefox)

    本文将详细讲解如何在不同的浏览器环境下,包括IE和Firefox,获取鼠标的坐标位置,并提供相应的源码示例。 首先,我们需要理解在浏览器环境中,鼠标的坐标通常有两种表示方式:页面坐标和元素坐标。页面坐标是指...

    Javascript在IE和FireFox中的兼容处理

    以上只是JavaScript在IE与Firefox中兼容性问题的一部分,实际开发中可能遇到更多细节。解决这些问题需要对两种浏览器的特性有深入理解,并使用条件注释、polyfills和现代JavaScript库(如jQuery)来确保代码在各种...

    javascript获取对象的绝对坐标

    JavaScript 提供了多种方法来获取元素的位置,本文将详细介绍一种兼容 IE 和 Firefox 浏览器的方法。 #### 代码解析与扩展 ##### `findPos` 函数 这个函数是用于同时获取元素的 X 轴和 Y 轴坐标的。它通过遍历元素...

    javascript获取当前鼠标坐标的方法

    `pageX` 和 `pageY` 的兼容性较好,从IE9开始,包括Firefox、Chrome和Safari在内的大部分现代浏览器都支持这两个属性。 其次,文档提到了对于旧版IE浏览器(IE8及以下版本),需要使用不同的属性:`clientX` 和 `...

    基于JavaScript实现 获取鼠标点击位置坐标的方法

    在IE8、Firefox、Chrome等浏览器中,`screenX`和`screenY`分别表示鼠标点击位置相对于整个屏幕左边距和上边距的距离。 2. 获取鼠标点击位置相对于浏览器窗口的坐标 当我们希望获得鼠标点击位置相对于浏览器窗口的...

    兼容FireFox 用javascript写的一个画图函数

    ### 兼容Firefox的JavaScript画图函数 #### 一、引言 在Web开发领域,兼容性一直是开发者面临的重要挑战之一。特别是在早期浏览器版本中,不同的浏览器对HTML、CSS以及JavaScript的支持程度各不相同,这使得跨...

    javascript实现拖动层效果代码(符合标准且兼容IE,chrome,firefox)

    3. 浏览器兼容性问题:文档中提到需要兼容IE、Chrome和Firefox,这意味着需要处理不同浏览器间可能存在的一些差异。例如,在获取元素的样式时,使用了window.getComputedStyle和currentStyle的不同方法来保证兼容性...

    js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器

    为了兼容IE、Chrome、火狐等主流浏览器,我们可以通过JavaScript获取输入框中光标的位置。这需要利用不同浏览器各自支持的DOM属性或方法。在这个示例中,使用了IE的document.selection方法来获取光标的坐标,而对于...

    JavaScript中解决多扫瞄器兼容性23个问题的快速解决方法_.docx

    浏览器兼容性问题是开发者经常面临的挑战,尤其是对于JavaScript来说,因为不同的浏览器(如IE、Firefox、Chrome等)对某些特性或API的实现可能存在差异。以下是一些关于解决JavaScript多浏览器兼容性问题的策略和...

    IE和FF兼容问题

    **解决方案**:可以通过以下方式统一获取鼠标坐标: ```javascript mX = event.clientX ? event.clientX : event.pageX; ``` ##### 6. 事件源元素 - **IE**:使用`event.srcElement`。 - **Firefox**:使用`event....

    js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器

    在JavaScript中实现鼠标拖动图片并兼容不同的浏览器,如IE、Firefox(FF)和Google Chrome,需要考虑浏览器之间的差异和事件处理方式。本示例提供了一段代码,它使用JavaScript来实现图片元素的拖放功能,并确保在...

    js获取div的位置坐标

    if (el.getBoundingClientRect) { // IE, Chrome, Firefox, Safari, Opera box = el.getBoundingClientRect(); var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop); var ...

    基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标

    对于Firefox、Chrome、Safari和Opera等其他浏览器,则可以借助于标签的download属性来实现文件的下载。这部分代码通过判断浏览器类型来选择合适的文件下载方式。 通过以上内容,我们可以看到,使用JavaScript结合...

    支持IE,firefxo,chrome浏览器下鼠标拖动和拖拽的鼠标指针特效

    本文将详细讲解如何在IE、Firefox和Chrome等主流浏览器中实现鼠标拖动和拖拽的鼠标指针特效,以及提供一个具体的实现示例。在网页交互设计中,鼠标拖动和拖拽功能能够极大地提升用户体验,特别是在需要移动或操作...

Global site tag (gtag.js) - Google Analytics