`

IE与火狐下window.event对象的区别

 
阅读更多
window.event
IE:有window.event对象
FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)
鼠标当前坐标
IE:event.x和event.y。
FF:event.pageX和event.pageY。
通用:两者都有event.clientX和event.clientY属性。

鼠标当前坐标(加上滚动条滚过的距离)
IE:event.offsetX和event.offsetY。
FF:event.layerX和event.layerY。
标签的x和y的坐标位置:style.posLeft 和 style.posTop
IE:有。
FF:没有。
通用:object.offsetLeft 和 object.offsetTop。

窗体的高度和宽度
IE:document.body.offsetWidth和document.body.offsetHeight。注意:此时页面一定要有body标签。
FF:windows.innerWidth和windows.innerHegiht,以及document.documentElement.clientWidth和document.documentElement.clientHeight。
通用:document.body.clientWidth和document.body.clientHeight。

添加事件
IE:element.attachEvent(”onclick”, func);。
FF:element.addEventListener(”click”, func, true)。
通用:element.onclick=func。虽然都可以使用onclick事件,但是onclick和上面两种方法的效果是不一样的,onclick只有执行一个过程,而attachEvent和addEventListener执行的是一个过程列表,也就是多个过程。例如:element.attachEvent(”onclick”, func1);element.attachEvent(”onclick”, func2)这样func1和func2都会被执行。

标签的自定义属性
IE:如果给标签div1定义了一个属性value,可以div1.value和div1[”value”]取得该值。
FF:不能用div1.value和div1[”value”]取。
通用:div1.getAttribute(”value”)。

父节点、子节点和删除节点
IE:parentElement、parement.children,element.romoveNode(true)。
FF:parentNode、parentNode.childNodes,node.parentNode.removeChild(node)。
分享到:
评论

相关推荐

    火狐下window.event回车改Tab解决方案

    本文将详细介绍如何在Firefox(火狐)浏览器中将用户按下回车键的行为转换为按下Tab键的效果。此方案主要适用于那些希望增强用户体验、提供更加流畅表单填写流程的应用程序。 #### 背景介绍 在不同的浏览器环境下,...

    window.event.keyCode兼容IE和Firefox实现js代码

    Javascript 代码 代码如下: function keyNumAll(evt){ //兼容IE和Firefox获得keyBoardEvent对象 evt = (evt) ? evt : ((window.event) ? window.event : “”); var key = evt.keyCode?evt.keyCode:evt.which;//...

    兼容IE和Firefox获得keyBoardEvent对象

    window.event只能在IE下运行,而不能在Firefox下运行,这是因为Firefox的event只能在事件发生的现场使用。Firefox必须从源处加入event作参数传递。IE忽略该参数,用window.event来读取该event。解决方法是if(typeof...

    Javascript的IE和Firefox兼容性.doc

    - IE支持全局变量`window.event`来访问当前事件的信息,但在Firefox中,事件对象只能在事件处理函数内部访问。为了解决这个问题,可以在事件处理函数中传递`event`参数,例如: ```html 提交" onclick=...

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

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

    网页右键ie不支持event.preventDefault和event.returnValue (需要加window)

    因此,在非IE浏览器中,我们通常通过参数`event`来访问事件对象,而在IE中则需要直接使用`window.event`。 总的来说,对于需要跨浏览器兼容的项目,我们需要考虑到不同浏览器对事件处理机制的支持差异。在处理右键...

    window.event快达到全浏览器支持了,以后使用就方便了

    然而,在早期的非IE浏览器中,如Firefox、Chrome、Safari和Opera,并不直接支持`window.event`,它们通常会将事件对象作为事件处理函数的第一个参数传递,如`function(event)`中的`event`。 标题和描述中提到的情况...

    让Firefox支持event对象实现代码

    在JavaScript编程中,特别是在处理浏览器兼容性问题时,Firefox与Internet Explorer(IE)在处理事件对象上有显著的差异。在IE中,`window.event`是一个全局变量,可以用来获取当前事件的信息,如事件类型、目标元素...

    Mozzila Firefox与IE的兼容问题

    "Mozzila Firefox与IE的兼容问题" Mozzila Firefox与IE的兼容问题是Web开发中常见的问题,因为这两个浏览器在解析HTML、CSS和JavaScript时有着不同的实现机制。以下是IE和Firefox之间的一些常见的兼容问题: 1. ...

    js事件源window.event.srcElement兼容性写法(详解)

    在IE浏览器中,我们可以通过window.event.srcElement属性来访问事件源,但在Firefox等其他浏览器中,这一属性是不存在的,因此需要寻找兼容性写法。这篇文档便是对window.event.srcElement属性及其兼容性写法的详细...

    Javascript的IE和Firefox兼容性参考

    - IE浏览器提供了全局的`window.event`对象,用来获取当前事件的信息,但Firefox不支持。解决办法是在事件处理函数中传递事件对象,如`onclick="gotoSubmit(event)"`,然后在函数内部使用`evt = evt || (window....

    ie 和 firefox 的javascript 兼容问题(网上下载的).doc

    - **Firefox环境下**,不支持 `window.event`,必须在事件处理函数中传递事件对象。 **解决方法:** 使用以下代码实现跨浏览器兼容: ```javascript function gotoSubmit8_2(evt) { evt = evt ? evt : (window....

    整理的比较全的event对像在ie与firefox浏览器中的区别

    window.event IE:有window.event对象 FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 鼠标当前坐标 IE:event.x和event.y。 FF:event.pageX和event.pageY。 ...

    IE 与FireFox 区别概要总结

    - IE中,`window.event`可以全局访问事件对象,但在Firefox中,事件对象只在事件处理函数内部可用。可以创建一个函数如`getEvent`来获取事件对象,并在处理函数中传递事件。 5. 获取HTML元素: - IE支持`document...

    js在IE和Firefox不同之处

    IE(Internet Explorer)与Firefox作为曾经及现在的主流浏览器,在处理JS方面存在一些显著的不同。下面将详细介绍这些不同之处,并提供相应的解决方案。 #### 1. `document.form.item`问题 在IE中,可以通过`...

    Javascript下IE与Firefox下的差异兼容写法总结

    window.event对象差异 IE:有window.event对象 FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 获取鼠标当前坐标 IE:event.x和event.y。 FF:event.pageX和event...

    兼容IE与FireFox

    ### 兼容IE与Firefox:JS代码详解 在Web开发过程中,确保JavaScript代码能够在不同的浏览器上正常运行是一项挑战性任务。特别是在早期版本的Internet Explorer(IE)与Firefox之间实现兼容性,更是如此。本文将详细...

Global site tag (gtag.js) - Google Analytics