动态加入JavaScript事件

动态加入JavaScript事件

建立如下html文件：

<input id='i' type='button' value='Test' onclick='alert("1");'/>
<script language='javascript'>...
<!--
function addEvent( obj, type, fn ) ...{
  if ( obj.attachEvent ) ...{
    obj['e'+type+fn] = fn;
    obj[type+fn] = function()...{obj['e'+type+fn]( window.event );}
    obj.attachEvent( 'on'+type, obj[type+fn] );
  } else
    obj.addEventListener( type, fn, false );
}

function removeEvent( obj, type, fn ) ...{
  if ( obj.detachEvent ) ...{
    obj.detachEvent( 'on'+type, obj[type+fn] );
    obj[type+fn] = null;
  } else
    obj.removeEventListener( type, fn, false );
}

addEvent(document.getElementById('i'), 'click', function()...{alert('2');});
-->
</script>

本方法相当于在页面中加入

onclick="alert('1');alert('2');"

对动态页面管理有很大帮助。

参考：
http://ejohn.org/projects/flexible-javascript-events/