整理的比较全的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 相关文章推荐
jQuery遍历对象、数组、集合实例
Nov 08 Javascript
详解Bootstrap创建表单的三种格式(一)
Jan 04 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
Jan 26 Javascript
深入理解setTimeout函数和setInterval函数
May 20 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
Aug 31 Javascript
js封装成插件_Canvas统计图插件编写实例
Sep 12 Javascript
解决vue router组件状态刷新消失的问题
Aug 01 Javascript
jQuery中$原理实例分析
Aug 13 jQuery
微信小游戏之使用three.js 绘制一个旋转的三角形
Jun 10 Javascript
Typescript的三种运行方式(小结)
Sep 18 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
Mar 13 Javascript
vue2.0 watch里面的 deep和immediate用法说明
Oct 30 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
PHP学习之整理字符串
2011/04/17 PHP
PHP+Ajax实现无刷新分页实例详解(附demo源码下载)
2016/04/07 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
jquery 多行滚动代码(附详细解释)
2010/06/17 Javascript
js写一个弹出层并锁屏效果实现代码
2012/12/07 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
2013/05/13 Javascript
Jquery对数组的操作技巧整理
2014/03/25 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
2016/11/21 Javascript
jquery设置css样式的多种方法(总结)
2017/02/21 Javascript
JavaScript实现短信倒计时60s
2017/10/09 Javascript
移动端效果之IndexList详解
2017/10/20 Javascript
JavaScript中立即执行函数实例详解
2017/11/04 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
2018/02/09 Javascript
JavaScript中字符串的常用操作方法及特殊字符
2018/03/18 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
2018/11/06 Javascript
JavaScript变量作用域及内存问题实例分析
2019/06/10 Javascript
详解vue中的父子传值双向绑定及数据更新问题
2019/06/13 Javascript
Python3实现简单可学习的手写体识别(实例讲解)
2017/10/21 Python
Python实现mysql数据库更新表数据接口的功能
2017/11/19 Python
Django中的CBV和FBV示例介绍
2018/02/25 Python
Python实现iOS自动化打包详解步骤
2018/10/03 Python
解决django框架model中外键不落实到数据库问题
2020/05/20 Python
Python如何爬取51cto数据并存入MySQL
2020/08/25 Python
Python如何利用Har文件进行遍历指定字典替换提交的数据详解
2020/11/05 Python
python中字符串的编码与解码详析
2020/12/03 Python
Stefania Mode英国:奢华设计师和时尚服装
2017/10/23 全球购物
法国最大的在线眼镜店:EasyLunettes
2019/08/26 全球购物
安全大检查实施方案
2014/02/22 职场文书
《狮子和兔子》教学反思
2014/03/02 职场文书
拉贝日记观后感
2015/06/05 职场文书
文明礼貌主题班会
2015/08/14 职场文书
分享几个JavaScript运算符的使用技巧
2021/04/24 Javascript
maven依赖的version声明控制方式
2022/01/18 Java/Android
sql server偶发出现死锁的解决方法
2022/04/10 SQL Server
win10拖拽文件时崩溃怎么解决?win10文件不能拖拽问题解决方法
2022/08/14 数码科技