整理的比较全的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 DOM模型操作
Dec 28 Javascript
JavaScript中获取元素索引的函数
Sep 10 Javascript
尝试在让script的type属性等于text/html
Jan 15 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
Apr 17 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
Aug 22 Javascript
Knockoutjs 学习系列(二)花式捆绑
Jun 07 Javascript
利用JS提交表单的几种方法和验证(必看篇)
Sep 17 Javascript
JavaScript定义函数_动力节点Java学院整理
Jun 27 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
Nov 26 Javascript
解决Vue中 父子传值 数据丢失问题
Aug 27 Javascript
vue实现整屏滚动切换
Jun 29 Javascript
vue3.0 自适应不同分辨率电脑的操作
Feb 06 Vue.js
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变量内存分配问题记录整理
2013/11/27 PHP
Laravel 5 框架入门(四)完结篇
2015/04/09 PHP
PHP实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
Laravel5.1框架注册中间件的三种场景详解
2019/07/09 PHP
Prototype使用指南之string.js
2007/01/10 Javascript
网页中的图片的处理方法与代码
2009/11/26 Javascript
JS 获取select(多选下拉)中所选值的示例代码
2013/08/02 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
2014/06/24 Javascript
javascript强制点击广告的方法
2015/02/06 Javascript
动态加载js的方法汇总
2015/02/13 Javascript
Javascript模仿淘宝信用评价实例(附源码)
2015/11/26 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
2016/12/21 Javascript
JavaScript数组去重的6个方法
2017/01/21 Javascript
Bootstrap Table从零开始
2017/06/30 Javascript
微信小程序删除处理详解
2017/08/16 Javascript
AngularJS select设置默认值的实现方法
2017/08/25 Javascript
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
2017/09/02 Javascript
基于webpack-hot-middleware热加载相关错误的解决方法
2018/02/22 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
使用React手写一个对话框或模态框的方法示例
2019/04/25 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
2020/10/24 Javascript
[01:01:42]Secret vs Optic Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
python基础教程之分支、循环简单用法
2016/06/16 Python
Python 字符串大小写转换的简单实例
2017/01/21 Python
Python基于QRCode实现生成二维码的方法【下载,安装,调用等】
2017/07/11 Python
ubuntu安装mysql pycharm sublime
2018/02/20 Python
Python箱型图处理离群点的例子
2019/12/09 Python
Python计算信息熵实例
2020/06/18 Python
python实现xlwt xlrd 指定条件给excel行添加颜色
2020/07/14 Python
python调用有道智云API实现文件批量翻译
2020/10/10 Python
Jabra捷波朗美国官网:用于办公、车载和运动的无线蓝牙耳麦
2017/02/01 全球购物
怎样客观的做好自我评价
2013/12/28 职场文书
药店采购员岗位职责
2014/09/30 职场文书
毕业生评语大全
2015/01/04 职场文书
python中Matplotlib绘制直线的实例代码
2021/07/04 Python
分享几种python 变量合并方法
2022/03/20 Python