0 0

firefox与IE mousemove事件处理区别问题5

想定时获取鼠标在浏览器中的当前坐标,并要求鼠标静止时也能通过此事件获取到坐标,于是打算通过定时处理mousemove事件实现,但通过测试,发现在IE、Chrome下鼠标静止时能触发mousemove,而firefox在鼠标静止时却不会触发mousemove。 有没有了解IE、firefox对mousemove的处理区别的解答下具体原由? 或者有办法能让firefox也能在鼠标静止时获取到坐标?

测试代码:
<html> 
    <head></head>  
    <body>
        <script>
var flag = false;

function fun()
{
    if (flag)
    {
        return;
    }
    flag = true;
    setTimeout(function ()
    {
        flag = false;
        doSomething();
    }, 1000);

}

function doSomething()
{
    document.getElementById("div2").innerHTML += "B";
}
        </script>
        <div id="div1" onmousemove="fun()">AAA</div>
        <div id="div2"></div>
    </body>
</html>
2013年1月22日 22:41
目前还没有答案

相关推荐

    BlueBala » 兼容IE和Firefox的事件模型(拖动)

    在所有事件处理函数中,都需要确保事件对象与IE和Firefox的兼容: ```javascript var dragElement = document.getElementById('draggable'); var startX, startY; function handleMouseDown(event) { event....

    火狐与IE浏览器之间的一些差别收集.docx

    ### 火狐与IE浏览器之间的一些差别收集 #### 一、IE与Firefox的JavaScript和CSS差异 在Web开发过程中,不同的浏览器对于JavaScript和CSS的支持程度各不相同,这往往导致了网页在不同浏览器下的表现差异。以下是...

    浏览器兼容性问题收集(IE,Firefox,Chrome,Safri)

    IE 和 Firefox 对捕获事件的处理方式不同,IE 使用 `obj.setCapture()` 和 `obj.releaseCapture()` 方法,而 Firefox 使用 `document.addEventListener("mousemove", mousemovefunction, true);` 和 `document....

    Javascript的IE和Firefox(火狐)兼容性

    ### Javascript的IE与Firefox(火狐)兼容性解决方案 在Web开发过程中,浏览器兼容性问题一直是开发者们关注的重点之一。由于不同的浏览器对于Web标准的支持程度存在差异,这导致了同样的代码在不同浏览器中的表现...

    可通过鼠标拖动调整表格单元格宽度效果代码[兼容IE,firefox]

    总的来说,"可通过鼠标拖动调整表格单元格宽度效果代码[兼容IE,firefox]"是一个涉及到JavaScript事件处理、浏览器兼容性以及用户交互设计的实用技术,它提升了网页的用户体验,同时也体现了前端开发者对细节和用户...

    兼容IE与火狐的拖动div效果

    本文将详细讲解如何实现一个兼容IE和Firefox的拖动div效果。 首先,我们需要了解两种浏览器对拖放事件的支持情况。Internet Explorer(IE)从版本5.5开始支持DOM级别的拖放,而Firefox则从版本3.5开始支持W3C标准的...

    通用可拖动层示例兼容火狐,IE

    这个"通用可拖动层示例兼容火狐,IE"就是一个针对不同浏览器,尤其是火狐(Firefox)和IE(Internet Explorer)实现的可拖动层解决方案。 首先,我们来看"可移动层示例.html",这是一个HTML文件,其中包含了用于...

    jquery 弹出框,可以拖动。在任兼容ie6~ie9 firefox 谷歌

    在任兼容ie6~ie9 firefox 谷歌”指的是一个基于jQuery实现的弹出对话框插件,它具有拖动功能,并且兼容Internet Explorer 6到9,以及Firefox和Google Chrome等现代浏览器。这个插件可能采用了jQuery的核心功能,如...

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

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

    JavaScript实现弹出层的移动 兼容IE和Firefox

    至于兼容性问题,IE和Firefox对某些JavaScript特性支持的时间和方式有所不同。例如,老版本的IE不支持`addEventListener`,需要使用`attachEvent`。此外,IE使用`currentStyle`对象获取元素样式,而其他现代浏览器则...

    火狐兼容获取鼠标的坐标

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

    html+js实现可拖动,兼容IE7及以上firefox、谷歌等各版本弹出层并锁屏效果代码

    在这个项目中,我们讨论的是如何使用这两种语言来创建一个可拖动的弹出层,并实现兼容IE7及以上版本,包括Firefox和Chrome在内的多种浏览器的锁屏效果。这个功能在网页应用中很常见,比如在显示模态对话框或提示信息...

    可通过鼠标拖动调整表格单元格宽度效果代码[兼容IE,firefox].zip

    "可通过鼠标拖动调整表格单元格宽度效果代码[兼容IE,firefox]"是一个实现用户自定义表格列宽的功能,它允许用户通过鼠标拖动来改变表格中单元格的宽度,从而提升用户体验。这个功能对于那些需要频繁查看和比较数据的...

    JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome.docx

    使用 CSS 可以自定义浏览器滚动条的样式,但是 CSS 只能转变 Chrome 和 IE 浏览器的样式,无法对 Firefox 浏览器进行样式定义。因此,我们需要使用 JavaScript 来实现自定义浏览器滚动条。 二、JavaScript 实现...

    js之完全兼容ie与firefox的拖动层代码[测试好用]

    本文将深入讲解如何创建一个兼容IE与Firefox的拖动层,并分析给出的代码。 首先,拖动层的核心在于监听鼠标事件,然后根据用户的鼠标移动来改变层的位置。在提供的代码中,可以看到有三个ID分别为`test`、`test1`和...

    JS获得鼠标位置(兼容多浏览器ie,firefox)脚本之家修正版

    给出的修正版脚本包含了一个名为`mouseMove`的事件处理函数,该函数会在鼠标移动时被触发。这个函数首先尝试获取`event`对象的`pageX`和`pageY`属性,如果这些属性不存在,那么它会使用`clientX`和`clientY`,并加上...

    Javascript在IE或Firefox下获取鼠标位置的代码

    由于Firefox和IE等浏览器之间对JS解释的方式不一样,Firefox下面获取鼠标位置不能够直接使用clientX来获取。网上说的一般都是触发mousemove事件才行。我这里有两段代码,思路都一样,就是风格不同。

    用JS实现和google地图类似的图片查看器-----放大、缩小、移动和还原,都控制在div里,兼容ie,FF

    这个查看器将具备放大、缩小、移动和还原图片的功能,并且能够在div容器内正常工作,同时兼容Internet Explorer(IE)和Firefox浏览器。我们将探讨以下几个关键知识点: 1. **图片加载**: 在JavaScript中,我们...

    非常不错的关于IE与FireFox的js和css几处不同点[转自星火燎原]

    ### IE与Firefox在JS和CSS方面的差异 #### 1. 内容文本处理的不同 - **IE**: 支持`innerText`属性,用于获取或设置一个元素内的纯文本内容。 - **Firefox**: 不支持`innerText`,而是使用`textContent`。需要注意...

    兼容FF的可在网页内任意拖动的JS代码

    标题中的“兼容FF的可在网页内任意拖动的JS代码”指的是一个JavaScript代码实现,它允许用户在网页中任意拖动元素,同时该功能在Firefox(火狐浏览器)上也得到了良好的支持。在Web开发中,这样的功能通常涉及到事件...

Global site tag (gtag.js) - Google Analytics