整理的比较全的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 相关文章推荐
EXT中xtype的含义分析
Jan 07 Javascript
JS简单实现文件上传实例代码(无需插件)
Nov 15 Javascript
jquery+json实现数据列表分页示例代码
Nov 15 Javascript
jquery选择器之层级过滤选择器详解
Jan 27 Javascript
js使用递归解析xml
Dec 12 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
Jul 13 Javascript
jquery实现的动态回到顶部特效代码
Oct 28 Javascript
js滚轮事件兼容性问题需要注意哪些
Nov 15 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
Apr 28 Javascript
利用three.js画一个3D立体的正方体示例代码
Nov 19 Javascript
详解webpack4.x之搭建前端开发环境
Mar 28 Javascript
配置一个vue3.0项目的完整步骤
Apr 26 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 模拟登陆MSN并获得用户信息
2009/05/16 PHP
php 中英文语言转换类代码
2011/08/11 PHP
基于PHP如何把汉字转化为拼音
2015/12/11 PHP
Laravel中使用FormRequest进行表单验证方法及问题汇总
2016/06/19 PHP
Laravel网站打开速度优化的方法汇总
2017/07/16 PHP
jQuery对象[0]是什么含义?
2010/07/31 Javascript
jQuery中parent()方法用法实例
2015/01/07 Javascript
html的DOM中Event对象onblur事件用法实例
2015/01/21 Javascript
JS实现文件动态顺序载入的方法
2015/03/07 Javascript
jQuery siblings()用法实例详解
2016/04/26 Javascript
jQuery实现根据滚动条位置加载相应内容功能
2016/07/18 Javascript
购物车前端开发(jQuery和bootstrap3)
2016/08/27 Javascript
JS实现类似51job上的地区选择效果示例
2016/11/17 Javascript
H5手机端多文件上传预览插件
2017/04/21 Javascript
Angular.js中window.onload(),$(document).ready()的写法浅析
2017/09/28 Javascript
JS基于封装函数实现的表格分页完整示例
2018/06/26 Javascript
Vue props用法详解(小结)
2018/07/03 Javascript
探索JavaScript中私有成员的相关知识
2019/06/13 Javascript
layer父页获取弹出层输入框里面的值方法
2019/09/02 Javascript
python原始套接字编程示例分享
2014/02/21 Python
Python爬虫爬取一个网页上的图片地址实例代码
2018/01/16 Python
Python基于socket模块实现UDP通信功能示例
2018/04/10 Python
python 实现判断ip连通性的方法总结
2018/04/22 Python
对Tensorflow中的变量初始化函数详解
2018/07/27 Python
python字符串分割及字符串的一些常规方法
2019/07/24 Python
python 根据字典的键值进行排序的方法
2019/07/24 Python
python 利用turtle模块画出没有角的方格
2019/11/23 Python
Pytest参数化parametrize使用代码实例
2020/02/22 Python
Django多数据库配置及逆向生成model教程
2020/03/28 Python
Python如何使用ElementTree解析xml
2020/10/12 Python
意大利奢侈品购物网站:Giglio
2018/01/05 全球购物
单位成立周年感言
2014/01/26 职场文书
儿童生日会策划方案
2014/05/15 职场文书
远程培训的心得体会
2014/09/01 职场文书
行政工作试用期自我评价
2014/09/14 职场文书
浅谈JS的原型和原型链
2021/06/04 Javascript