整理的比较全的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 相关文章推荐
如何在Mozilla Gecko 用Javascript加载XSL
Jan 09 Javascript
DHTML Slide Show script图片轮换
Mar 03 Javascript
Extjs学习过程中新手容易碰到的低级错误积累
Feb 11 Javascript
JavaScript高级程序设计(第3版)学习笔记 概述
Oct 11 Javascript
js 固定悬浮效果实现思路代码
Aug 02 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
Oct 10 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
May 26 Javascript
简单谈谈关于Angular Cli打包的事
Sep 05 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
Mar 14 Javascript
jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法
Jan 18 jQuery
TypeScript的安装、使用、自动编译的实现
Apr 10 Javascript
jQuery实现计算器功能
Oct 19 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 文章中的远程图片采集到本地的代码
2009/07/30 PHP
深入理解PHP原理之异常机制
2010/08/21 PHP
php 模拟 asp.net webFrom 按钮提交事件的思路及代码
2013/12/02 PHP
使用swoole扩展php websocket示例
2014/02/13 PHP
ThinkPHP模版引擎之变量输出详解
2014/12/05 PHP
50个优秀经典PHP算法大集合 附源码
2020/08/26 PHP
PHP并发场景的三种解决方案代码实例
2021/02/27 PHP
JavaScript打字小游戏代码
2011/12/26 Javascript
基于Jquery实现键盘按键监听
2014/05/11 Javascript
jQuery中not()方法用法实例
2015/01/06 Javascript
javascript入门之string对象【新手必看】
2016/11/22 Javascript
清除输入框内的空格
2016/12/21 Javascript
vue mint-ui学习笔记之picker的使用
2017/10/11 Javascript
关于express与koa的使用对比详解
2018/01/25 Javascript
基于Nodejs的Tcp封包和解包的理解
2018/09/19 NodeJs
Vue.js 父子组件通信的十种方式
2018/10/30 Javascript
Vue2.x Todo之自定义指令实现自动聚焦的方法
2019/01/08 Javascript
JS数组求和的常用方法总结【5种方法】
2019/01/14 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
vue 实现通过vuex 存储值 在不同界面使用
2019/11/11 Javascript
用python实现的去除win下文本文件头部BOM的代码
2013/02/10 Python
python 多线程实现检测服务器在线情况
2015/11/25 Python
Python 爬虫模拟登陆知乎
2016/09/23 Python
window下eclipse安装python插件教程
2017/04/24 Python
Python 从相对路径下import的方法
2018/12/04 Python
在keras中对单一输入图像进行预测并返回预测结果操作
2020/07/09 Python
前端水印的简单实现代码示例
2020/12/02 HTML / CSS
Booking.com西班牙:全球酒店预订
2018/03/30 全球购物
一些关于MySql加速和优化的面试题
2014/01/30 面试题
企业年度评优方案
2014/06/02 职场文书
户籍证明书标准模板
2014/09/10 职场文书
物业工程部主管岗位职责
2015/04/16 职场文书
教师“一帮一”结对子活动总结
2015/05/07 职场文书
python使用XPath解析数据爬取起点小说网数据
2021/04/22 Python
Pytest中conftest.py的用法
2021/06/27 Python
Java存储没有重复元素的数组
2022/04/29 Java/Android