整理的比较全的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实现一些常用软件的下载导航
Aug 03 Javascript
单击按钮显示隐藏子菜单经典案例
Jan 04 Javascript
JavaScript起点(严格模式深度了解)
Jan 28 Javascript
jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
Jan 08 Javascript
js判断当页面无法回退时关闭网页否则就history.go(-1)
Aug 07 Javascript
Node.js文件操作详解
Aug 16 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
Feb 10 Javascript
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
Mar 23 jQuery
vue如何引入sass全局变量
Jun 28 Javascript
深入理解javascript prototype的相关知识
Sep 19 Javascript
微信小程序可滑动月日历组件使用详解
Oct 21 Javascript
JS实现音量控制拖动
Jan 15 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中删除变量时unset()和null的区别分析
2011/01/27 PHP
php文件上传 你真的掌握了吗
2016/11/28 PHP
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
PHP的mysqli_stmt_init()函数讲解
2019/01/24 PHP
深入理解PHP+Mysql分布式事务与解决方案
2020/12/03 PHP
jquery 事件执行检测代码
2009/12/09 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
2013/11/07 Javascript
jquery放大镜效果超漂亮噢
2013/11/15 Javascript
js 限制input只能输入数字、字母和汉字等等
2013/12/18 Javascript
js 高效去除数组重复元素示例代码
2013/12/19 Javascript
js中style.display=""无效的解决方法
2014/10/30 Javascript
JS逆序遍历实现代码
2014/12/02 Javascript
jquery实现的蓝色二级导航条效果代码
2015/08/24 Javascript
jQuery增加与删除table列的方法
2016/03/01 Javascript
三种带箭头提示框总结实例
2016/06/14 Javascript
微信小程序 教程之WXSS
2016/10/18 Javascript
Node.js 8 中的重要新特性
2017/06/28 Javascript
JavaScript for循环 if判断语句(学习笔记)
2017/10/11 Javascript
微信小程序自定义tab实现多层tab嵌套功能
2018/06/15 Javascript
JS实现方形抽奖效果
2018/08/27 Javascript
vue-cli V3.0版本的使用详解
2018/10/24 Javascript
JS实现购物车基本功能
2020/11/08 Javascript
python中pandas.DataFrame排除特定行方法示例
2017/03/12 Python
Python3.5实现的三级菜单功能示例
2019/03/25 Python
python实现对服务器脚本敏感信息的加密解密功能
2019/08/13 Python
python 安装库几种方法之cmd,anaconda,pycharm详解
2020/04/08 Python
基于python代码批量处理图片resize
2020/06/04 Python
python中spy++的使用超详细教程
2021/01/29 Python
C#基础面试题
2016/10/17 面试题
高中军训感想800字
2014/02/23 职场文书
公司董事长助理工作职责
2014/07/12 职场文书
暑期社会实践心得体会
2014/09/02 职场文书
员工年度工作总结2015
2015/05/18 职场文书
新入职员工工作总结
2015/10/15 职场文书
师德培训心得体会2016
2016/01/09 职场文书
2016继续教育培训学习心得体会
2016/01/19 职场文书