整理的比较全的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+html+css实现鼠标移动div实例
Jan 30 Javascript
js计算两个时间之间天数差的实例代码
Nov 19 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
May 09 Javascript
js实现String.Fomat的实例代码
Sep 02 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
Jan 17 Javascript
Bootstarp 基础教程之表单部分实例代码
Feb 03 Javascript
基于canvas的二维码邀请函生成插件
Feb 14 Javascript
详解用函数式编程对JavaScript进行断舍离
Sep 18 Javascript
微信小程序实现文字无限轮播效果
Dec 28 Javascript
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
Jul 10 jQuery
使用vscode快速建立vue模板过程详解
Oct 10 Javascript
Javascript var变量删除原理及实现
Aug 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
CodeIgniter框架提示Disallowed Key Characters的解决办法
2014/04/21 PHP
彻底搞懂JS无缝滚动代码
2007/01/03 Javascript
用JavaScript隐藏控件的方法
2009/09/21 Javascript
javascript function调用时的参数检测常用办法
2010/02/26 Javascript
php,js,css字符串截取的办法集锦
2014/09/26 Javascript
js实现div模拟模态对话框展现URL内容
2016/05/27 Javascript
js实现一个简单的数字时钟效果
2017/03/29 Javascript
基于angular2 的 http服务封装的实例代码
2017/06/29 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
详解三种方式解决vue中v-html元素中标签样式
2018/11/22 Javascript
layui动态表头的实现代码
2019/08/22 Javascript
微信小程序转化为uni-app项目的方法示例
2020/05/22 Javascript
Vue中 axios delete请求参数操作
2020/08/25 Javascript
[02:51]DOTA2英雄基础教程 风暴之灵
2013/12/23 DOTA
[47:35]VP vs Pain 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/20 DOTA
Python正则表达式使用范例分享
2016/12/04 Python
Python 实现随机数详解及实例代码
2017/04/15 Python
python下载文件记录黑名单的实现代码
2017/10/24 Python
Python定义二叉树及4种遍历方法实例详解
2018/07/05 Python
Python enumerate函数功能与用法示例
2019/03/01 Python
python 中如何获取列表的索引
2019/07/02 Python
python 获取sqlite3数据库的表名和表字段名的实例
2019/07/17 Python
Python 合并多个TXT文件并统计词频的实现
2019/08/23 Python
Flask缓存静态文件的具体方法
2020/08/02 Python
DC Shoes官网:美国滑板鞋和服饰品牌
2017/09/03 全球购物
.net面试题
2015/12/22 面试题
电子商务专业实习生自我鉴定
2013/09/24 职场文书
毕业生的自我评价范文
2013/12/31 职场文书
个人自我评价和职业目标
2014/01/24 职场文书
小学生读书感言
2014/02/12 职场文书
个人授权委托书
2014/04/03 职场文书
2014年清明节网上祭英烈寄语
2014/04/09 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
12.4全国法制宣传日活动总结
2014/11/01 职场文书
JavaScript+HTML实现学生信息管理系统
2021/04/20 Javascript
centos环境下nginx高可用集群的搭建指南
2022/07/23 Servers