整理的比较全的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 写类方式之九
Jul 05 Javascript
使用jQuery时Form表单元素ID和name命名大忌
Mar 06 Javascript
jQuery插件Skippr实现焦点图幻灯片特效
Apr 12 Javascript
简介AngularJS的视图功能应用
Jun 17 Javascript
javascript 数组的定义和数组的长度
Jun 07 Javascript
购物车前端开发(jQuery和bootstrap3)
Aug 27 Javascript
vue中用动态组件实现选项卡切换效果
Mar 25 Javascript
微信小程序实现移动端滑动分页效果(ajax)
Jun 13 Javascript
Angular4学习之Angular CLI的安装与使用教程
Jan 04 Javascript
从零开始搭建一个react项目开发
Feb 09 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
Jul 15 Javascript
Vue记住滚动条和实现下拉加载的完美方法
Jul 31 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
了解咖啡雨林联盟认证 什么是雨林认证 雨林认证是什么意思
2021/03/05 新手入门
用PHP和ACCESS写聊天室(四)
2006/10/09 PHP
php 使用post,get的一种简洁方式
2010/04/25 PHP
php自定义apk安装包实例
2014/10/20 PHP
Linux操作系统安装LAMP环境
2015/06/26 PHP
PHP中OpenSSL加密问题整理
2017/12/14 PHP
PHP基于cookie实现统计在线人数功能示例
2019/01/16 PHP
使用javascript实现雪花飘落的效果
2015/01/13 Javascript
js获得当前系统日期时间的方法
2015/05/06 Javascript
jquery实现ajax加载超时提示的方法
2016/07/23 Javascript
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
JavaScript实现经典排序算法之插入排序
2016/12/28 Javascript
使用nodeJs来安装less及编译less文件为css文件的方法
2017/11/20 NodeJs
动态Axios的配置步骤详解
2018/01/12 Javascript
Vue 源码分析之 Observer实现过程
2018/03/29 Javascript
nodejs初始化init的示例代码
2018/10/10 NodeJs
详解javascript函数写法大全
2019/03/25 Javascript
javascript实现函数柯里化与反柯里化过程解析
2019/10/08 Javascript
使用IronPython把Python脚本集成到.NET程序中的教程
2015/03/31 Python
PyQt5 QSerialPort子线程操作的实现
2018/04/21 Python
python for 循环获取index索引的方法
2019/02/01 Python
VPS CENTOS 上配置python,mysql,nginx,uwsgi,django的方法详解
2019/07/01 Python
在Pytorch中计算卷积方法的区别详解(conv2d的区别)
2020/01/03 Python
Python使用Paramiko控制liunx第三方库
2020/05/20 Python
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
美国最大的骑马用品零售商:HorseLoverZ
2017/01/12 全球购物
沙特阿拉伯电子产品和家用电器购物网站:Black Box
2019/07/24 全球购物
亚马逊新加坡官方网站:Amazon.sg
2020/03/25 全球购物
求职者简历中的自我评价
2013/10/20 职场文书
大二学生学习个人自我评价
2014/01/19 职场文书
2014年教师学期工作总结
2014/11/08 职场文书
2014年城管工作总结
2014/11/20 职场文书
单位工作证明范本
2015/06/15 职场文书
建议书的格式及范文
2015/09/14 职场文书
小学英语教学反思范文
2016/02/15 职场文书
MySQL中in和exists区别详解
2021/06/03 MySQL