比较全面的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 相关文章推荐
图片之间的切换
Jun 26 Javascript
javascript进行四舍五入方法汇总
Dec 16 Javascript
PHP结合jQuery实现的评论顶、踩功能
Jul 22 Javascript
实现音乐播放器的代码(html5+css3+jquery)
Aug 04 Javascript
JavaScript多图片上传案例
Sep 28 Javascript
封装属于自己的JS组件
Jan 27 Javascript
Javascript字符串拼接小技巧(推荐)
Jun 02 Javascript
关于react-router的几种配置方式详解
Jul 24 Javascript
Js利用prototype自定义数组方法示例
Oct 20 Javascript
JS实现提交表单前的数字及邮箱校检功能
Nov 13 Javascript
微信小程序实现Swiper轮播图效果
Nov 22 Javascript
springboot+vue实现文件上传下载
Nov 17 Vue.js
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+oracle 分页类
2006/10/09 PHP
yii实现CheckBox复选框在同一行显示的方法
2014/12/03 PHP
PHP之预定义接口详解
2015/07/29 PHP
Laravel使用支付宝进行支付的示例代码
2017/08/16 PHP
Laravel框架使用技巧之使用url()全局函数返回前一个页面的地址方法详解
2020/04/06 PHP
解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
2010/05/13 Javascript
Jquery CheckBox全选方法代码附js checkbox全选反选代码
2010/06/09 Javascript
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
2011/08/28 Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
2014/01/07 Javascript
js 获取元素下面所有li的两种方法
2014/04/14 Javascript
javascript弹出窗口实现代码
2015/11/12 Javascript
JavaScript创建对象的方式小结(4种方式)
2015/12/17 Javascript
设置jquery UI 控件的大小方法
2016/12/12 Javascript
node.js基于mongodb的搜索分页示例
2017/01/22 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
Three.js 再探 - 写一个微信跳一跳极简版游戏
2018/01/04 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
2018/05/22 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
vue中使用微信公众号js-sdk踩坑记录
2019/03/29 Javascript
vue实现日历备忘录功能
2020/09/24 Javascript
vue实现可移动的悬浮按钮
2021/03/04 Vue.js
Python获取系统默认字符编码的方法
2015/06/04 Python
Python导出DBF文件到Excel的方法
2015/07/25 Python
python爬虫爬取淘宝商品信息(selenum+phontomjs)
2018/02/24 Python
PyQt5固定窗口大小的方法
2019/06/18 Python
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
天游软件面试
2013/11/23 面试题
什么是静态路由,其特点是什么?什么是动态路由,其特点是什么?
2013/07/26 面试题
服装机修工岗位职责
2013/12/26 职场文书
减负增效提质方案
2014/05/23 职场文书
公务员爱岗敬业演讲稿
2014/08/26 职场文书
2015高考寄语集锦
2015/02/27 职场文书
2020年基层司法所建设情况调研报告
2019/11/30 职场文书
Nginx+Tomcat实现负载均衡、动静分离的原理解析
2021/03/31 Servers
海弦WR-800F
2022/04/05 无线电
Nginx配置根据url参数重定向
2022/04/11 Servers