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

 更新时间:2013年11月25日 17:02:58   作者:  
event对像在IE与FF中的区别,本文整理了很多,个人感觉还是比较全面的,需要的朋友可以收藏下
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:window.innerWidth和window.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)。

相关文章

  • layui实现三级联动效果

    layui实现三级联动效果

    这篇文章主要为大家详细介绍了layui实现三级联动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • [js高手之路]原型式继承与寄生式继承详解

    [js高手之路]原型式继承与寄生式继承详解

    下面小编就为大家带来一篇[js高手之路]原型式继承与寄生式继承详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 使用JavaScript解决网页图片拉伸问题(推荐)

    使用JavaScript解决网页图片拉伸问题(推荐)

    本文给大家介绍使用javascript解决网页图片拉伸问题,本文给大家介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-11-11
  • JS打印组合功能

    JS打印组合功能

    这篇文章主要介绍了JS打印组合功能,包括JS实现简单的页面局部打印,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • JavaScript实现滑块验证案例

    JavaScript实现滑块验证案例

    这篇文章主要为大家详细介绍了JavaScript实现滑块验证案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • 实例讲解JavaScript截取字符串

    实例讲解JavaScript截取字符串

    在本文中小编通过实例给大家分享了JavaScript中如何截取字符串的方法,需要的朋友们参考一下。
    2018-11-11
  • javascript结合Cookies实现浏览记录历史

    javascript结合Cookies实现浏览记录历史

    最近在工作当中遇到一个问题 有个页面需要添加一个浏览历史记录功能,具体来说就是要记录下用户在此网站的点击历史 并把它们降序排列出来(只显示前6个浏览历史而且不能重复)。
    2008-09-09
  • JavaScript制作简单网页计算器

    JavaScript制作简单网页计算器

    这篇文章主要为大家详细介绍了JavaScript制作简单网页计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • JS实现很酷的EMAIL地址添加功能实例

    JS实现很酷的EMAIL地址添加功能实例

    这篇文章主要介绍了JS实现很酷的EMAIL地址添加功能,实例分析了javascript操作text文本的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • javascript setTimeout和setInterval计时的区别详解

    javascript setTimeout和setInterval计时的区别详解

    window对象有两个主要的定时方法,分别是setTimeout 和 setInteval 他们的语法基本上相同,但是完成的功能取有区别。
    2013-06-06

最新评论