整理的比较全的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渐变显示渐变消失示例代码
Aug 01 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
Aug 05 Javascript
基于Bootstrap3表格插件和分页插件实例详解
May 17 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
Jun 08 Javascript
微信小程序wx.uploadfile 本地文件转base64的实现代码
Jun 28 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
Aug 01 Javascript
vue click.stop阻止点击事件继续传播的方法
Sep 04 Javascript
Node.js操作系统OS模块用法分析
Jan 04 Javascript
开发中常用的25个JavaScript单行代码(小结)
Jun 28 Javascript
JavaScript键盘事件响应顺序详解
Sep 30 Javascript
使用Webpack提升Vue.js应用程序的4种方法(翻译)
Oct 09 Javascript
vue 二维码长按保存和复制内容操作
Sep 22 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的ob_start() 控制您的浏览器cache
2009/08/03 PHP
PHP设置一边执行一边输出结果的代码
2013/09/30 PHP
thinkphp浏览历史功能实现方法
2014/10/29 PHP
PHP简单实现冒泡排序的方法
2016/12/26 PHP
thinkPHP中钩子的使用方法实例分析
2017/11/16 PHP
一段实时更新的时间代码
2006/07/07 Javascript
javascript void(0)的妙用
2009/10/21 Javascript
js 获取子节点函数 (兼容FF与IE)
2010/04/18 Javascript
JavaScript字符串对象(string)基本用法示例
2017/01/18 Javascript
微信小程序canvas写字板效果及实例
2017/06/15 Javascript
轻松理解vue的双向数据绑定问题
2017/10/30 Javascript
Angular中管道操作符(|)的使用方法
2017/12/15 Javascript
vue+vant实现购物车全选和反选功能
2020/11/17 Vue.js
[08:04]TI4西雅图DOTA2前线报道 海涛探访各路人马
2014/07/09 DOTA
[02:09]DOTA2辉夜杯 EHOME夺冠举杯现场
2015/12/28 DOTA
在MAC上搭建python数据分析开发环境
2016/01/26 Python
玩转python爬虫之URLError异常处理
2016/02/17 Python
python抓取并保存html页面时乱码问题的解决方法
2016/07/01 Python
Python使用sftp实现上传和下载功能(实例代码)
2017/03/14 Python
分享一下Python数据分析常用的8款工具
2018/04/29 Python
Pandas 数据处理,数据清洗详解
2018/07/10 Python
在Python中分别打印列表中的每一个元素方法
2018/11/07 Python
python实现kmp算法的实例代码
2019/04/03 Python
Python3 selenium 实现QQ群接龙自动化功能
2020/04/17 Python
HTML5中外部浏览器唤起微信分享功能的代码
2020/09/15 HTML / CSS
中国旅游网站:途牛旅游网
2019/09/29 全球购物
思想品德自我鉴定
2013/10/12 职场文书
函授大专自我鉴定
2013/11/01 职场文书
数据员岗位职责
2013/11/19 职场文书
查摆问题自查报告范文
2014/10/13 职场文书
2014年政府采购工作总结
2014/12/09 职场文书
外国人来华邀请函
2015/01/31 职场文书
2015年大学宣传部工作总结
2015/05/26 职场文书
汶川大地震感悟
2015/08/10 职场文书
php随机生成验证码,php随机生成数字,php随机生成数字加字母!
2021/04/01 PHP
数据库之SQL技巧整理案例
2021/07/07 SQL Server