使用onclick小结

用以下语句

var newBtn = document.createElement("button");

创建了一个button，然后给newBtn添加一个onclick事件，首先想到的是

 newBtn.setAttribute('onclick', 'fun()');

结果在Firefox下一切正常，到了IE下就无法触发onclick事件，于是Google。。。

原来IE下无法通过setAttribute()添加事件，照着搜出来的结果，用以下方法，成功解决问题：

 newBtn.onclick = function(){dosomething};

在寻找解决方法的途中，走了些弯路，也顺带了解了一些其它东西，如：
newBtn.onclick = fun(para);
fun会在页面加载过程中执行，而不会等到点击newBtn时触发；写成
newBtn.onclick =function(){ fun(para);};
就可以了。

另外，还有一种解决办法是：在IE下用attachEvent()，在Firefox下用addEventListener()，ppk总结了一个综合解决办法：

function addEvent( obj, type, fn )
{
	if (obj.addEventListener)
		obj.addEventListener( type, fn, false );
	else 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] );
	}
}

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

以上是我在做东西的过程中的一点小结，写得不妥之处，还望各位大侠指点。