Mar
10
javascript相关应用(二)--javascript事件绑定方法集合.
整理于:2008年末
总结，建设用1，2。经过NeiLyi验证以及资料上均认为其支持所有浏览器。而3.我没验证，同时资料说其支持有限的浏览器。当然对于IE绝对OK
1.元素上直接定义。如:
<input id="testButton" type="button" onclick="javascript:alert('ok');">
2.类似css一样动态绑定事件.如:
例一。直接法(不可传参数法):
<input id="testButton" type="button">
<script>document.getElementById('testButton').onclick = mytest
function mytest()
{
alert('this is test!');
}
</script>
例二。可传参数法：
<input id="testButton" type="button">
<script>document.getElementById('testButton').onclick = function(){
mytest(this.value);
};
function mytest(str)
{
alert(str);
}
</script>
3. for...event方法
例子:
FOR 属性的值必须是您为元素的 ID 属性分配的唯一标识符。然后，您必须把事件的名称（onmouseover，onclick，等等）分配给 EVENT 属性。在上面的按键实例的基础上，我们必须对按键标识进行修改，使之包含一个 ID 属性：
<INPUT TYPE="button" NAME="myButton" ID="button1" VALUE="Click Here">
脚本语句并不在函数中，而是在 <script>标识中，如下所示：
<SCRIPT FOR="button1" EVENT="onclick">
// script statements here
</script>
当然，标识中的语句可以调用页面上其它地方定义的任何函数（或者从.js文件中导入的函数）。然而，这种绑定方式意味着您必须为每一个元素和每一个事件创建一个 <SCRIPT FOR> 标识。
您还必须小心，只能把这种绑定方法部署在仅供 IE4+ 浏览器浏览的页面。其它任何支持脚本编程而又没有实现这个特殊的 <SCRIPT> 标识的浏览器（包括 IE3），都将把它作为常规的 <SCRIPT> 标识来处理，并试图在页面装载的时候执行这些脚本语句--这不可避免地引起脚本错误。
4. 使用 IE5/Windows 的 attachEvent() 方法
5.使用 W3C DOM 的 addEventListener() 方法
参考资料:
http://www.evget.com/zh-CN/info/ReadInfo.aspx?id=8687&page=2
