JavaScript事件 使用方式详解
DHTML提供了3种事件的使用方式，它们分别是：
1、Inline HTML: <ELEMENT onXXX='handler'></ELEMENT>
这是最简单最常用的事件绑定方式，不过这里onXXX的值为handler是不太确切的说法。其实这个handler的位置可以放置任何合法的JavaScript语句，因为IE在生成DHMTL树时会为当前Element构建一个'匿名'成员方法，onXXX指向这个方法的handler。比如我们写下，<element id='elmt' onXXX='var abc =0; for ( var i=0 ; i < 100 ; i++ ) abc+=i;'></element>，实际上在DHMTL树种存在如下代码结构：
function anonymous(){ var abc =0; for ( var i=0 ; i < 100 ; i++ ) abc+=i;} 此时anonymous方法中的this就是elmt对象。
2、Event property: object.onXXX = handler
这个使用方法是把函数名(handler)赋予element预定义的事件属性上(onXXX)。这里需要注意两个问题：
一是，我们在使用object.onXXX = handler是需要保证object已经在页面中生成。比如我们为document.body赋予事件处理函数，我们必须保证document.body已经存在，就是说我们不能在<body>之前在的全局语句中使用document.body；
二是，handler必须是函数名，和使用方法1中的handler可以是任何JavaScript语句不同！我们最容易出错的使用是，当我们习惯了在inline html中使用<element id='elmt' onXXX = 'return false'></element>后，如果这样使用elmt.onXXX='return false;'。那么就歇菜了，不会有任何执行效果，当然IE也不报错。正确的使用是：
elmt.onXXX = function() { return false; }
3、Named Script: <SCRIPT FOR = object EVENT = onclick>
IE独家支持，没有怎么使用过，不觉得有什么特别的地方哈。如果您知道它的妙处愿闻其详
。
DOM提供了两种事件处理使用，它们分别是：
1、attachEvent method:
使用方法：bSuccess = object.attachEvent(sEvent, fpNotify)。解释就抄msdn了
Parameters
| sEvent | Required. String that specifies any of the standard . |
| fpNotify | Required. Pointer that specifies the function to call when sEvent fires. |
Boolean. Returns one of the following possible values:
| true | The function was bound successfully to the event. |
| false | The function was not bound to the event. |
window.attachEvent('onload', handler1); window.attachEvent('onload', handler2); window.attachEvent('onload', handler3); window.attachEvent('onload', handlerN);
将会执行这个N个handler，但是不保证执行顺序。这里有个例外，attachEvent在document.body上attach事件'onload'没有效果，但是attch window对象的'onload'是正确的。根据页面初始化顺序来看，及document.body.attachEvent('onload', handler)返回true来看，这因该是IE的一个bug。
注意DHTML的Event Property方式和DOM的attachEvent方式的区别：
Event Property方式，当触发事件时，事件处理函数是一个无参数函数，我们只能通过event这个window的属性来读取和事件相关的信息。attachEvent方式，当事件处理函数被触发时，该函数的第一个参数arguments[0]，默认是该窗口上的event。什么意思呢？不明白参看这里。
2、fireEvent method
在DHTML开发中，微软在其DOM中为每个元素实现了一个fireEvent方法。我们知道HTML的事件onXXX可以由系统(IE环境)来管理和触发，也可以直接执行事件的handler，比如onclick，如果被赋予事件处理函数，我们可以用element.onclick()来执行事件处理函数。那么fireEvent用来干嘛呢？
在MSDN中fireEvent的描述很简单：Fires a specified event on the object.
bFired = object.fireEvent(sEvent [, oEventObject])
并且MSDN给出了一个使用fireEvent的示例：
<HTML> <HEAD>
<SCRIPT>
function fnFireEvents()
{ div.innerText = "The cursor has moved over me!"; btn.fireEvent("onclick");
}
</SCRIPT> </HEAD> <BODY> <h1>Using the fireEvent method</h1> By moving the cursor over the DIV below, the button is clicked. <DIV ID="div" onmouseover="fnFireEvents();"> Mouse over this! </DIV> <BUTTON ID="btn" ONCLICK="this.innerText='I have been clicked!'">Button</BUTTON> </BODY></HTML> 这个示例非常的简单，也完全说明了fireEvent的用法。不过这个示例有一点误导我们，从而让我们不容易发现frieEvent更有价值的使用方法。由于button的onclick事件被赋予语句：this.innerText = 'I have been clicked!'，这里很容易误导我们，fireEvent产生的是执行了btn.onclick()的效果。嗯，确实是这个效果，但是意义却完全不同，btn.onclick()只是一个函数调用，它的执行必须依赖于用户对其赋值，否则btn.onclick为null，是不能执行btn.onclick()的。而fireEvent('onclick')的效果，"等同于"鼠标在button元素上进行了点击。 使用abc.onclick()和def.onclick()将得到"Object doesn't support this property or method"异常。
由于IE的事件处理是bubble up方式，fireEvent(sEvent)就显得更加的有意义了，如果我们在一个table元素<table>中监听事件，比如onclick，当点击不同的td做出不同的响应时。如果使用程序来模拟，只能使用fireEvent这种方式，示例如下：
<table border="1" onclick="alert(event.srcElement.innerText);"> <tr> <td id="abc">abc</td> <td id="def">def</td> </tr></table><button onclick="abc.fireEvent('onclick')"> abc</button><button onclick="def.fireEvent('onclick')"> def</button>
| abc | def |
知道了fireEvent的用法，那么我们用它来做什么呢？在开发具有复杂事件处理动作组件时。有时我们需要从程序中去触发一个本身因该鼠标或键盘触发的事件，比如在TreeView控件中，我们一般是使用鼠标点击来Expand&Collapse一个结点，如果我们要用程序代码来实现这个操作怎么办呢？当然直接执行事件处理函数是可以的，不过如果事件处理函数依赖于event变量中的状态值，那么就必须使用fireEvent方法。
原来我曾经说过，因该把事件处理的函数封装起来，便于直接调用。比如上面说到的TreeView节点的Expand和Collapse，我在TreeView控件中都是把它们封装成两个函数Expand和Collapse，在节点被点击时，执行：
OpIcon.onclick = function() { var objNode = this.Object; if ( objNode.m_IsExpanded ) objNode.Collapse(); else objNode.Expaned(); }
这样一来，在程序中控制Expand和Collapse也就是分别执行函数而已。
本文主题事件,JavaScript
IE和FireFox的Javascript的事件和事件处理总结
