整理的比较全的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 相关文章推荐
javascript radio 联动效果
Mar 04 Javascript
javascript继承的六大模式小结
Apr 13 Javascript
javascript实现控制div颜色
Jul 07 Javascript
JavaScript注入漏洞的原理及防范(详解)
Dec 04 Javascript
利用n 升级工具升级Node.js版本及在mac环境下的坑
Feb 15 Javascript
react-router中的属性详解
Jun 01 Javascript
javascript+html5+css3自定义提示窗口
Jun 21 Javascript
jQuery实现简单的回到顶部totop功能示例
Oct 16 jQuery
vue中实现methods一个方法调用另外一个方法
Feb 08 Javascript
Vue.js 图标选择组件实践详解
Dec 03 Javascript
微信小程序左滑删除实现代码实例
Sep 16 Javascript
关于vue表单提交防双/多击的例子
Oct 31 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
DOTA2游戏同人动画《龙之血》导演接受采访
2021/03/05 欧美动漫
Zend Framework创建自己的动作助手详解
2016/03/05 PHP
PHP论坛实现积分系统的思路代码详解
2020/06/01 PHP
JavaScript Cookie 直接浏览网站分网址
2009/12/08 Javascript
谷歌浏览器调试JavaScript小技巧
2014/12/29 Javascript
使用DNode实现php和nodejs之间通信的简单实例
2015/07/06 NodeJs
JavaScript表单验证实例之验证表单项是否为空
2016/01/10 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
js与jquery分别实现tab标签页功能的方法
2016/11/18 Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
2017/09/06 Javascript
浅谈React中的元素、组件、实例和节点
2018/02/27 Javascript
angular实现页面打印局部功能的思考与方法
2018/04/13 Javascript
详解vue2.0模拟后台json数据
2019/05/16 Javascript
Vue2.x通用编辑组件的封装及应用详解
2019/05/28 Javascript
详解Element-UI中上传的文件前端处理
2019/08/07 Javascript
vue elementui 实现搜索栏公共组件封装的实例代码
2020/01/20 Javascript
mpvue 项目初始化及实现授权登录的实现方法
2020/07/20 Javascript
vue-cli4使用全局less文件中的变量配置操作
2020/10/21 Javascript
Python3基础之输入和输出实例分析
2014/08/18 Python
浅谈Python单向链表的实现
2015/12/24 Python
python数据处理 根据颜色对图片进行分类的方法
2018/12/08 Python
python 获取等间隔的数组实例
2019/07/04 Python
python创建ArcGIS shape文件的实现
2019/12/06 Python
python3 deque 双向队列创建与使用方法分析
2020/03/24 Python
通过python 执行 nohup 不生效的解决
2020/04/16 Python
解决pycharm编辑区显示yaml文件层级结构遇中文乱码问题
2020/04/27 Python
Vs Code中8个好用的python 扩展插件
2020/10/12 Python
大学生优秀的自我评价分享
2013/10/22 职场文书
幼儿园开学寄语
2014/04/03 职场文书
军训口号
2014/06/13 职场文书
会计试用期自我评价
2015/03/10 职场文书
2019新员工试用期转正申请书3篇
2019/08/13 职场文书
聊一聊python常用的编程模块
2021/05/14 Python
浅谈JavaScript浅拷贝和深拷贝
2021/11/07 Javascript
MySQL如何快速创建800w条测试数据表
2022/03/17 MySQL