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

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)。

时间: 2024-10-30 12:47:39

比较全面的event对像在IE与FF中的区别 推荐_javascript技巧的相关文章

window.event对像和在IE与FF中的区别

window.event对像和在ie与ff中的区别 event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromelement 和 toelement 属性只对 onmouseo教程ver 和 onmouseout 事件有意义. 例子 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转. <html> <head><title>cancels links</title> <scri

火狐和ie下获取javascript 获取event的方法(推荐)_javascript技巧

javascript 获取event 先从一个简单的例子说起,一个简单的button控件如下: <input type='button' name='mybtn' id='mybtn' onclick='myFunc()'/> 然后为其注册事件,这样的情况,怎么在javascript里获取event呢,特别是firefox的情况.请看: <script type='text/javascript'> function myFunc(){ var ev = window.event

event.X和event.clientX的区别分析_javascript技巧

event.clientX返回事件发生时,mouse相对于客户窗口的X坐标 event.X也一样 但是如果设置事件对象的定位属性值为relative event.clientX不变 而event.X返回事件对象的相对于本体的坐标 event对象详解 ICOOE 2000.3.31 http://www.51js.com/ event代表事件的状态,例如事件发生的的元素.鼠标的位置等等,event对象只在事件过程中才有效. event属性: altKey 检索ALT键的当前状态 可能的值 true

event.keyCode键码值表 附只能输入特定的字符串代码_javascript技巧

复制代码 代码如下: <script language="javascript" type="text/javascript"> function onlyNum() { if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39)&&!(event.keyCode==190)

最全的Javascript编码规范(推荐)_javascript技巧

1.嵌入规则 Javascript程序应该尽量放在.js的文件中,需要调用的时候在页面中以<script src="filename.js">的形式包含进来.Javascript代码若不是该页面专用的,则应尽量避免在页面中直接编写Javascript代码. 2.对齐缩进与换行 a) 缩进 在同一系统中应采用同一种缩进标准,本文提倡缩进大小为4个空格.各编译器对Tab键所代替的空白大小定义不同.建议在设置开发环境时,将编辑器里的Tab快捷键重新设置成4个空格.多数编译器提供了

js全选实现和判断是否有复选框选中的方法_javascript技巧

本文实例讲述了js全选实现和判断是否有复选框选中的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: function actionEvent(methodname){          var form = document.forms[0];          if(validateIsSelect(form.all, form.productids)){              form.action='<html:rewrite action="/control

js中window.event对象在ie与ff中的区别

一.event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromelement 和 toelement 属性只对 onmouseover 和 onmouseout 事件有意义.   1.window.event   IE:有window.event对象   FF:没有window.event对象.可以通过给函数的参数传递event对象.如onmousemove=domousemove(event)   2 .鼠标当前坐标   IE::event.x和eve

研究心得-------&amp;gt;CPU信息的获得,比较全面的

比较|心得 最近到整理了一份CPU的信息,应该算是比较全面的吧.几乎现在所有的X86 CPU都内置了CPUID指令以辨别真伪,一些CPU厂商例如AMD,VIA等还内置了更加丰富的扩展CPUID指令,用着更方便了.下面我们利用Delphi来实现一个CPU检测的软件.CPUID的调用方式如下: asm push eax push ebx push ecx push edx mov eax,X//*****************************************************

Arbor Networks凭借业界全面的 DDoS 防御组合为各类客户提供可用性保护

Arbor Networks Inc.,NETSCOUT的安全部门近日宣布推出用于DDoS防护的业界全面的产品和服务组合,提供强大的可扩展性.部署和成本灵活性,满足任何组织的需求,从最大的服务供应商到中小型规模的新兴成长型企业. "这是Arbor史上最强大.最广泛且最大胆的DDoS组合,它将成为未来十年DDoS市场上领先的平台"Arbor Networks总裁Matthew Moynahan说道."我们扩展新的组合以满足最大的服务供应商的需求,同时提供更广阔的企业市场所需的部