比较全面的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 相关文章推荐
学习ExtJS fit布局使用说明
Oct 08 Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
May 02 Javascript
jQuery关于导航条背景切换效果实现示例
Sep 04 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
Nov 21 Javascript
js定时器的使用(实例讲解)
Jan 06 Javascript
三种检测iPhone/iPad设备方向的方法
Apr 23 Javascript
JS判断移动端访问设备并加载对应CSS样式
Jun 13 Javascript
学习使用bootstrap3栅格系统
Apr 12 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
Aug 03 Javascript
轻松掌握JavaScript策略模式
Aug 25 Javascript
JS中的BOM应用
Feb 02 Javascript
原生js实现的观察者和订阅者模式简单示例
Apr 18 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
用PHP读取flv文件的播放时间长度
2009/09/03 PHP
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
ThinkPHP中使用ajax接收json数据的方法
2014/12/18 PHP
ThinkPHP路由详解
2015/07/27 PHP
使用PHP进行微信公众平台开发的示例
2015/08/21 PHP
ThinkPHP使用getlist方法实现数据搜索功能示例
2017/05/08 PHP
javascript类继承机制的原理分析
2009/09/12 Javascript
通过复制Table生成word和excel的javascript代码
2014/01/20 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
2015/01/09 Javascript
深入探究AngularJS框架中Scope对象的超级教程
2016/01/04 Javascript
浅谈JavaScript的push(),pop(),concat()方法
2016/06/03 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
2016/06/20 Javascript
jQuery选择器之子元素选择器详解
2017/09/18 jQuery
基于jquery的on和click的区别详解
2018/01/15 jQuery
vue和better-scroll实现列表左右联动效果详解
2019/04/29 Javascript
使用p5.js临摹动态图片
2019/11/04 Javascript
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
2020/01/26 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
2020/07/20 Javascript
swiper实现导航滚动效果
2020/12/13 Javascript
[02:35]DOTA2超级联赛专访XB 难忘一年九冠称王
2013/06/20 DOTA
python使用xauth方式登录饭否网然后发消息
2014/04/11 Python
python基于xmlrpc实现二进制文件传输的方法
2015/06/02 Python
python生成随机密码或随机字符串的方法
2015/07/03 Python
Python实现的堆排序算法示例
2018/04/29 Python
利用Python正则表达式过滤敏感词的方法
2019/01/21 Python
python tornado修改log输出方式
2019/11/18 Python
python 使用建议与技巧分享(四)
2020/08/18 Python
女大学生毕业找工作的自我评价
2013/10/03 职场文书
行政助理求职自荐信
2013/10/26 职场文书
面临毕业的毕业生自荐书范文
2014/02/05 职场文书
股权转让协议书
2014/04/12 职场文书
税务干部群众路线教育实践活动对照检查材料
2014/09/20 职场文书
2015年医院护理部工作总结
2015/04/23 职场文书
经典励志格言:每日一句,让你每天充满能量
2019/08/16 职场文书
服务器SVN搭建图文安装过程
2022/06/21 Servers
HTML页面点击按钮关闭页面的多种方式
2022/12/24 HTML / CSS