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


Posted in Javascript onNovember 25, 2013

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)。

Javascript 相关文章推荐
js实现的仿新浪微博完美的时间组件升级版
Dec 20 Javascript
js实现鼠标经过时图片滚动停止的方法
Feb 16 Javascript
ajax读取数据后使用jqchart显示图表的方法
Jun 10 Javascript
JavaScript通过代码调用Flash显示的方法
Feb 02 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
Mar 09 Javascript
在一般处理程序(ashx)中弹出js提示语
Aug 16 Javascript
基于Vue开发数字输入框组件
Dec 19 Javascript
vue底部加载更多的实例代码
Jun 29 Javascript
浅谈Vue render函数在ElementUi中的应用
Sep 06 Javascript
CKeditor4 字体颜色功能配置方法教程
Jun 26 Javascript
JavaScript实现放大镜效果代码示例
Apr 29 Javascript
echarts实现晶体球面投影的实例教程
Oct 10 Javascript
ie与ff下的event事件使用介绍
Nov 25 #Javascript
javascript利用apply和arguments复用方法
Nov 25 #Javascript
javascript模拟实现C# String.format函数功能代码
Nov 25 #Javascript
js给onclick赋值传参数的两种方法
Nov 25 #Javascript
自己动手实现jQuery Callbacks完整功能代码详解
Nov 25 #Javascript
写JQuery插件的基本知识
Nov 25 #Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
Nov 25 #Javascript
You might like
ThinkPHP php 框架学习笔记
2009/10/30 PHP
php强制运行广告的方法
2014/12/01 PHP
学习php设计模式 php实现命令模式(command)
2015/12/08 PHP
js实时获取系统当前时间实例代码
2013/06/28 Javascript
from 表单提交返回值用post或者是get方法实现
2013/08/21 Javascript
Javascript基础知识(三)BOM,DOM总结
2014/09/29 Javascript
Javascript函数式编程简单介绍
2015/10/11 Javascript
使用jQuery的easydrag插件实现可拖动的DIV弹出框
2016/02/19 Javascript
javascript作用域、作用域链(菜鸟必看)
2016/06/16 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
2016/08/05 Javascript
Angularjs实现mvvm式的选项卡示例代码
2016/09/08 Javascript
webpack学习教程之publicPath路径问题详解
2017/06/17 Javascript
关于JavaScript中forEach和each用法浅析
2017/07/27 Javascript
基于JavaScript实现淘宝商品广告效果
2017/08/10 Javascript
Python中多线程thread与threading的实现方法
2014/08/18 Python
详解Python编程中time模块的使用
2015/11/20 Python
python基础教程之分支、循环简单用法
2016/06/16 Python
Python加密方法小结【md5,base64,sha1】
2017/07/13 Python
python json.loads兼容单引号数据的方法
2018/12/19 Python
Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法详解
2019/02/28 Python
css3绘制天猫logo实现代码
2012/11/06 HTML / CSS
CSS3实现闪烁动画效果的方法
2015/02/09 HTML / CSS
如何避免常见的6种HTML5错误用法
2017/11/06 HTML / CSS
纽约现代艺术博物馆商店:MoMA STORE(室内家具和杂货商品)
2016/08/02 全球购物
幼师自我鉴定范文
2013/10/01 职场文书
建筑施工员岗位职责
2013/11/26 职场文书
自我评价正确写法范文
2013/12/10 职场文书
初一新生军训方案
2014/05/22 职场文书
离婚协议书怎样才有法律效力
2014/10/10 职场文书
家长通知书家长意见
2014/12/30 职场文书
2015年加油站工作总结
2015/05/13 职场文书
2015年小学辅导员工作总结
2015/05/27 职场文书
2016元旦晚会主持词
2015/07/01 职场文书
导游词之无锡唐城
2019/12/12 职场文书
spring IOC容器的Bean管理XML自动装配过程
2022/05/30 Java/Android
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers