比较全面的event对像在IE与FF中的区别 推荐


Posted in Javascript onSeptember 21, 2009

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的Ajax跨域请求原理概述及实例
Apr 26 Javascript
浅谈js多维数组和hash数组定义和使用
Jul 27 Javascript
懒加载实现的分页&&网站footer自适应
Dec 21 Javascript
js常用DOM方法详解
Feb 04 Javascript
JS简单获取当前年月日星期的方法示例
Feb 07 Javascript
babel基本使用详解
Feb 17 Javascript
vue2里面ref的具体使用方法
Oct 27 Javascript
JS获取input[file]的值并显示在页面的实现方法
Mar 09 Javascript
JS实现的视频弹幕效果示例
Aug 17 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
Nov 26 Javascript
vue项目打包后怎样优雅的解决跨域
May 26 Javascript
js基础语法与maven项目配置教程案例
Jul 15 Javascript
javascript 必知必会之closure
Sep 21 #Javascript
用JavaScript隐藏控件的方法
Sep 21 #Javascript
jquery 子窗口操作父窗口的代码
Sep 21 #Javascript
通过JS 获取Mouse Position(鼠标坐标)的代码
Sep 21 #Javascript
用jQuery技术实现Tab页界面之二
Sep 21 #Javascript
Tab页界面,用jQuery及Ajax技术实现
Sep 21 #Javascript
一个js写的日历(代码部分网摘)
Sep 20 #Javascript
You might like
Windows下PHP5和Apache的安装与配置
2006/09/05 PHP
PHP4 与 MySQL 交互使用
2006/10/09 PHP
PHP面向接口编程 耦合设计模式 简单范例
2011/03/23 PHP
PHP遍历并打印指定目录下所有文件实例
2014/02/10 PHP
ThinkPHP3.2.2的插件控制器功能
2015/03/05 PHP
PHP 8新特性简介
2020/08/18 PHP
详解Javacript和AngularJS中的Promises
2016/02/09 Javascript
使用jQuery监听DOM元素大小变化
2016/02/24 Javascript
浅析jQuery中使用$所引发的问题
2016/05/29 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
2017/01/16 Javascript
js实现增加数字显示的环形进度条效果
2017/02/05 Javascript
详解Javascript百度地图接口开发文档中的类和方法
2017/02/07 Javascript
JSONP跨域请求
2017/03/02 Javascript
vue页面使用阿里oss上传功能的实例(一)
2017/08/09 Javascript
JS运动特效之同时运动实现方法分析
2018/01/24 Javascript
js前端传json后台接收‘‘被转为quot的问题解决
2020/11/12 Javascript
跟老齐学Python之从if开始语句的征程
2014/09/14 Python
Python中使用tarfile压缩、解压tar归档文件示例
2015/04/05 Python
Python内置数据结构与操作符的练习题集锦
2016/07/01 Python
不要用强制方法杀掉python线程
2017/02/26 Python
基于Python __dict__与dir()的区别详解
2017/10/30 Python
Python实现的插入排序算法原理与用法实例分析
2017/11/22 Python
Python for循环生成列表的实例
2018/06/15 Python
python logging日志模块原理及操作解析
2019/10/12 Python
python wxpython 实现界面跳转功能
2019/12/17 Python
使用Python对Dicom文件进行读取与写入的实现
2020/04/20 Python
Python Socket TCP双端聊天功能实现过程详解
2020/06/15 Python
Python自带的IDE在哪里
2020/07/01 Python
GANT英国官方网上商店:甘特衬衫
2018/02/06 全球购物
vue 中 get / delete 传递数组参数方法
2021/03/23 Vue.js
中专生毕业自我鉴定
2013/11/01 职场文书
棉花姑娘教学反思
2014/02/15 职场文书
小学毕业典礼主持词
2014/03/27 职场文书
工作收入证明模板
2014/10/10 职场文书
2016年教师反腐倡廉心得体会
2016/01/13 职场文书
OpenCV-Python实现轮廓的特征值
2021/06/09 Python