比较全面的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 相关文章推荐
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
Dec 23 Javascript
读jQuery之六 缓存数据功能介绍
Jun 21 Javascript
IE下使用cloneNode注意事项分享
Nov 22 Javascript
兼容FF和IE的动态table示例自写
Oct 21 Javascript
jQuery的css() 方法使用指南
May 03 Javascript
Javascript点击其他任意地方隐藏关闭DIV实例
Jun 21 Javascript
JS数组返回去重后数据的方法解析
Jan 03 Javascript
深入理解Javascript中的valueOf与toString
Jan 04 Javascript
JavaScript中的this陷阱的最全收集并整理(没有之一)
Feb 21 Javascript
AngularJs实现聊天列表实时刷新功能
Jun 15 Javascript
关于 angularJS的一些用法
Nov 29 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
Oct 29 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获取post中的json数据的实现方法
2011/06/08 PHP
PHP实现下载功能的代码
2012/09/29 PHP
PHP中require和include路径问题详解
2014/12/25 PHP
从wamp到xampp的升级之路
2015/04/08 PHP
PHP实现按之字形顺序打印二叉树的方法
2018/01/16 PHP
VSCode+PHPstudy配置PHP开发环境的步骤详解
2020/08/20 PHP
JQuery 写的个性导航菜单
2009/12/24 Javascript
解决IE6的PNG透明JS插件使用介绍
2013/04/17 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
2013/11/12 Javascript
jQuery实现的动态伸缩导航菜单实例
2015/05/07 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
2015/05/13 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
js继承实现方法详解
2016/12/16 Javascript
js实现漫天星星效果
2017/01/19 Javascript
jQuery实现选项卡功能(两种方法)
2017/03/08 Javascript
微信小程序开发之map地图实现教程
2017/06/08 Javascript
JavaScript实现数组全排列、去重及求最大值算法示例
2018/07/30 Javascript
Python中的jquery PyQuery库使用小结
2014/05/13 Python
python获取外网ip地址的方法总结
2015/07/02 Python
基于python 字符编码的理解
2017/09/02 Python
用tensorflow实现弹性网络回归算法
2018/01/09 Python
使用python对excle和json互相转换的示例
2018/10/23 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
Python 多进程、多线程效率对比
2020/11/19 Python
HolidayLettings英国:预订最好的度假公寓、别墅和自助式住宿
2019/08/27 全球购物
应届生程序员求职信
2013/11/05 职场文书
小学英语教师先进事迹
2014/05/28 职场文书
关爱残疾人标语
2014/06/25 职场文书
2014年党的群众路线整改措施思想汇报
2014/10/12 职场文书
2014年初中班主任工作总结
2014/11/08 职场文书
2014年生产部工作总结
2014/12/17 职场文书
2016元旦文艺汇演主持词
2015/07/06 职场文书
推广普通话宣传标语口号
2015/12/26 职场文书
2016年学生会感恩节活动总结
2016/04/01 职场文书
Android自定义scrollview实现回弹效果
2022/04/01 Java/Android
redis protocol通信协议及使用详解
2022/07/15 Redis