整理的比较全的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判断用户浏览器是否是XP SP2的IE6
Mar 08 Javascript
开发中可能会用到的jQuery小技巧
Mar 07 Javascript
JavaScript调试技巧之console.log()详解
Mar 19 Javascript
jQuery实现form表单元素序列化为json对象的方法
Dec 09 Javascript
基于jQuery实现选取月份插件附源码下载
Dec 28 Javascript
Node.js实现JS文件合并小工具
Feb 02 Javascript
微信小程序 flex实现导航实例详解
Apr 26 Javascript
vue中如何实现pdf文件预览的方法
Jul 12 Javascript
js与jQuery实现获取table中的数据并拼成json字符串操作示例
Jul 12 jQuery
微信小程序实现的一键复制功能示例
Apr 24 Javascript
vue-cli3+typescript新建一个项目的思路分析
Aug 06 Javascript
JavaScript数组常用的增删改查与其他属性详解
Oct 13 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多用户计数器代码
2007/03/11 PHP
CI框架源码阅读,系统常量文件constants.php的配置
2013/02/28 PHP
PHP5常用函数列表(分享)
2013/06/07 PHP
解析PHP中常见的mongodb查询操作
2013/06/20 PHP
php使用include 和require引入文件的区别
2017/02/16 PHP
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
c#和Javascript操作同一json对象的实现代码
2012/01/17 Javascript
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
2013/01/23 Javascript
jquery easyui combobox模糊过滤(示例代码)
2013/11/30 Javascript
javascript中cookie对象用法实例分析
2015/01/30 Javascript
javascript判断并获取注册表中可信任站点的方法
2015/06/01 Javascript
【经验总结】编写JavaScript代码时应遵循的14条规律
2016/06/20 Javascript
JS实现DIV高度自适应窗口示例
2017/02/16 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
2017/03/09 Javascript
javascript浏览器用户代理检测脚本实现方法
2017/10/27 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
2017/11/03 Javascript
详解如何用babel转换es6的class语法
2018/04/03 Javascript
Vue SPA 初次进入加载动画实现代码
2019/11/14 Javascript
在微信小程序中渲染HTML内容3种解决方案及分析与问题解决
2020/01/12 Javascript
Vue 使用typescript如何优雅的调用swagger API
2020/09/01 Javascript
vue实现验证用户名是否可用
2021/01/20 Vue.js
python自然语言编码转换模块codecs介绍
2015/04/08 Python
详解Python中最难理解的点-装饰器
2017/04/03 Python
Python使用plotly绘制数据图表的方法
2017/07/18 Python
Python数据可视化:泊松分布详解
2019/12/07 Python
在python中logger setlevel没有生效的解决
2020/02/21 Python
快速创建python 虚拟环境
2020/11/28 Python
实列教程 一款基于jquery和css3的响应式二级导航菜单
2014/11/13 HTML / CSS
英国DVD和蓝光碟片购买网站:Zoom.co.uk(电影和电视)
2019/09/23 全球购物
Clarks鞋澳大利亚官方网站:Clarks Australia
2019/12/25 全球购物
什么是"引用"?申明和使用"引用"要注意哪些问题?
2016/03/03 面试题
环境科学专业个人求职信
2013/09/26 职场文书
党支部2014年度工作总结
2014/12/04 职场文书
2015年度物业公司工作总结
2015/04/27 职场文书
聊一聊Redis与MySQL双写一致性如何保证
2021/06/26 Redis
go开发alertmanger实现钉钉报警
2021/07/16 Golang