整理的比较全的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创建一个选择文件的对话框代码
Jun 16 Javascript
页面右下角弹出提示框示例代码js版
Aug 02 Javascript
深入理解JSON数据源格式
Jan 10 Javascript
关于JavaScript命名空间的一些心得
Jun 07 Javascript
javascript实现淘宝幻灯片广告展示效果
Apr 27 Javascript
AngularJS进行性能调优的7个建议
Dec 28 Javascript
详解vue之页面缓存问题(基于2.0)
Jan 10 Javascript
微信小程序实现图片轮播及文件上传
Apr 07 Javascript
easyui简介_动力节点Java学院整理
Jul 14 Javascript
vue.extend与vue.component的区别和联系
Sep 19 Javascript
iSlider手机端图片滑动切换插件使用详解
Dec 24 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
Jul 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
360通用php防护代码(使用操作详解)
2013/06/18 PHP
Zend Framework教程之Zend_Controller_Plugin插件用法详解
2016/03/07 PHP
Yii2前后台分离及migrate使用(七)
2016/05/04 PHP
CodeIgniter整合Smarty的方法详解
2017/08/25 PHP
2020最新版 PhpStudy V8.1版本下载安装使用详解
2020/10/30 PHP
关于JavaScript的一些看法
2009/05/27 Javascript
JavaScript DOM学习第六章 表单实例
2010/02/19 Javascript
Jquery.Form 异步提交表单的简单实例
2014/03/03 Javascript
js实现数字每三位加逗号的方法
2015/02/05 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
2015/04/24 Javascript
javascript基于DOM实现权限选择实例分析
2015/05/14 Javascript
javascript实现简单查找与替换的方法
2015/07/22 Javascript
超实用的javascript时间处理总结
2016/08/16 Javascript
nodejs redis 发布订阅机制封装实现方法及实例代码
2016/12/15 NodeJs
微信小程序富文本渲染引擎的详解
2017/09/30 Javascript
浅谈Koa服务限流方法实践
2017/10/23 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
layui之table checkbox初始化时选中对应选项的方法
2019/09/02 Javascript
vue项目强制清除页面缓存的例子
2019/11/06 Javascript
Python StringIO模块实现在内存缓冲区中读写数据
2015/04/08 Python
python使用装饰器和线程限制函数执行时间的方法
2015/04/18 Python
一看就懂得Python的math模块
2018/10/21 Python
Python图像处理库PIL的ImageFont模块使用介绍
2020/02/26 Python
Pycharm插件(Grep Console)自定义规则输出颜色日志的方法
2020/05/27 Python
css3 border-radius属性详解
2017/07/05 HTML / CSS
CSS3 实现侧边栏展开收起动画
2014/12/22 HTML / CSS
详解HTML5中表单验证的8种方法介绍
2016/12/19 HTML / CSS
英国男女奢华内衣和泳装购物网站:Figleaves
2017/01/28 全球购物
信息部岗位职责
2013/11/12 职场文书
秋季婚礼证婚词
2014/01/11 职场文书
申请任职学生会干部自荐书范文
2014/02/13 职场文书
竞聘报告优秀范文
2014/11/06 职场文书
2015年党支部公开承诺书
2015/01/22 职场文书
2015年食品安全工作总结
2015/05/15 职场文书
golang在GRPC中设置client的超时时间
2021/04/27 Golang
JavaScript高级程序设计之基本引用类型
2021/11/17 Javascript