整理的比较全的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 相关文章推荐
jQuery 插件 将this下的div轮番显示
Apr 09 Javascript
MooTools 页面滚动浮动层智能定位实现代码
Aug 23 Javascript
JQuery中对Select的option项的添加、删除、取值
Aug 25 Javascript
jquery ajax 如何向jsp提交表单数据
Aug 23 Javascript
通过npm引用的vue组件使用详解
Mar 02 Javascript
JavaScript字符串检索字符的方法
Jun 23 Javascript
angular2系列之路由转场动画的示例代码
Nov 09 Javascript
javascript变量提升和闭包理解
Mar 12 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
Jun 25 Javascript
layui select 禁止点击的实现方法
Sep 05 Javascript
Vue 一键清空表单的实现方法
Feb 07 Javascript
微信小程序后端无法保持session的原因及解决办法问题
Mar 20 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
德劲1102收音机的打理维修案例
2021/03/02 无线电
基于php使用memcache存储session的详解
2013/06/25 PHP
取得单条网站评论以数组形式进行输出
2014/07/28 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
什么是JavaScript
2009/08/13 Javascript
jquery中输入验证中一个不错的效果
2010/08/21 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
2013/01/09 Javascript
javascript实现des解密加密全过程
2014/04/03 Javascript
Jquery通过JSON字符串创建JSON对象
2014/08/24 Javascript
JavaScript原生对象之Number对象的属性和方法详解
2015/03/13 Javascript
js实现的下拉框二级联动效果
2016/04/30 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
2017/01/24 Javascript
React中如何引入Angular组件详解
2018/08/09 Javascript
vue项目中使用lib-flexible解决移动端适配的问题解决
2018/08/23 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
2018/12/03 Javascript
vue实现搜索功能
2019/05/28 Javascript
微信小程序使用蓝牙小插件
2019/09/23 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
2020/08/07 Javascript
编写Python脚本来获取Google搜索结果的示例
2015/05/04 Python
python学生信息管理系统(初级版)
2018/10/17 Python
Python使用ctypes调用C/C++的方法
2019/01/29 Python
python中报错"json.decoder.JSONDecodeError: Expecting value:"的解决
2019/04/29 Python
python模拟菜刀反弹shell绕过限制【推荐】
2019/06/25 Python
Django 实现前端图片压缩功能的方法
2019/08/07 Python
利用python实现周期财务统计可视化
2019/08/25 Python
python判断无向图环是否存在的示例
2019/11/22 Python
python线程join方法原理解析
2020/02/11 Python
PyCharm GUI界面开发和exe文件生成的实现
2020/03/04 Python
实习鉴定范文
2013/12/19 职场文书
司仪主持词两篇
2014/03/22 职场文书
房产公证书范本
2014/04/10 职场文书
反腐倡廉演讲稿
2014/05/22 职场文书
帮一个朋友写的求职信
2014/08/09 职场文书
2014年德育工作总结
2014/11/20 职场文书
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS
Win11自动黑屏怎么办 Win11自动黑屏设置教程
2022/07/15 数码科技