整理的比较全的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 计算当天是本年本月的第几周
Mar 22 Javascript
jquery模拟按下回车实现代码
Sep 20 Javascript
javascript实现的简单的表单验证
Jul 10 Javascript
两行代码轻松搞定JavaScript日期验证
Aug 03 Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
Sep 20 Javascript
jquery实现拖动效果(代码分享)
Jan 25 Javascript
Webpack打包慢问题的完美解决方法
Mar 16 Javascript
webpack 2的react开发配置实例代码
Jul 28 Javascript
微信小程序 自定义消息提示框
Aug 06 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
vue 实现移动端键盘搜索事件监听
Nov 06 Javascript
如何使用jQuery操作Cookies方法解析
Sep 08 jQuery
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中对象引用和复制实例分析
2019/08/14 PHP
Laravel find in set排序实例
2019/10/09 PHP
PHP如何使用cURL实现Get和Post请求
2020/07/11 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
基于jquery的cookie的用法
2011/01/10 Javascript
IE6-IE9不支持table.innerHTML的解决方法分享
2012/09/14 Javascript
jquery 利用show和hidden实现级联菜单示例代码
2013/08/09 Javascript
javascript中验证大写字母、数字和中文
2014/01/15 Javascript
jQuery实现表单提交时判断的方法
2014/12/13 Javascript
node.js中的fs.fsync方法使用说明
2014/12/15 Javascript
基于jquery步骤进度条源码分享
2015/11/12 Javascript
在Vue组件上动态添加和删除属性方法
2018/02/23 Javascript
详谈js的变量提升以及使用方法
2018/10/06 Javascript
JS 数组基本用法入门示例解析
2020/01/16 Javascript
antd-mobile ListView长列表的数据更新遇到的坑
2020/04/08 Javascript
VUE前端从后台请求过来的数据进行转换数据结构操作
2020/11/11 Javascript
[02:53]DOTA2英雄昆卡基础教程
2013/11/25 DOTA
基于Python中numpy数组的合并实例讲解
2018/04/04 Python
解决Python获取字典dict中不存在的值时出错问题
2018/10/17 Python
python 使用值来排序一个字典的方法
2018/11/16 Python
从一次项目重构说起CSS3自定义变量在项目的使用方法
2021/03/01 HTML / CSS
Vans荷兰官方网站:美国南加州的原创极限运动潮牌
2018/01/23 全球购物
大都会艺术博物馆商店:The Met Store
2018/06/22 全球购物
美容师的职业规划书
2013/12/27 职场文书
药剂专业学生求职信范文
2013/12/28 职场文书
优秀大学生求职自荐信范文
2014/04/19 职场文书
党支部对照检查材料
2014/08/25 职场文书
民族学专业职业生涯规划范文:积跬步以至千里
2014/09/11 职场文书
2015年人事科工作总结
2015/04/28 职场文书
药品销售员2015年终工作总结
2015/10/22 职场文书
班主任寄语2016
2015/12/04 职场文书
2019年作为一名实习生的述职报告
2019/09/29 职场文书
Python开发之QT解决无边框界面拖动卡屏问题(附带源码)
2021/05/27 Python
OpenCV-Python实现人脸美白算法的实例
2021/06/11 Python
用Python将GIF动图分解成多张静态图片
2021/06/11 Python
Java版 简易五子棋小游戏
2022/05/04 Java/Android