Javascript中,有时候你想在一个事件产生的时候,顺便执行一系列其它事件,attachEvent或addEventListener就可以满足要求。 下面为某一事件添加附加事件的方法:document.getElementById("btn").onclick = Event1;document.getElementById("btn").onclick = Event2;document.getElementById("btn").onclick = Event3;如果这样写,那么将会只有Event3被执行写成这样:var btnObj = document.getElementById("btn");//object.attachEvent(event,function);btnObj.attachEvent("onclick",Event1);btnObj.attachEvent("onclick",Event2);btnObj.attachEvent("onclick",Event3);执行顺序为Event3->Event2->Event1如果是Mozilla系列,并不支持该方法,需要用到addEventListenervar btnObj = document.getElementById("btn");//element.addEventListener(type,listener,useCapture);btnObj.addEventListener("click",Event1,false);btnObj.addEventListener("click",Event2,false);btnObj.addEventListener("click",Event3,false);执行顺序为Event1->Event2->Event3可以通过if(window.addEventListener){}来判断客户浏览器到底支持哪种方法============================================================================
两种方式:直接给对象添加事件,节点添加事件例如给一个id为tab1的添加onclick事件第一种情况:var t = document.getElementById("tab1");t.onclick = function tst(){ alert('');}
第二种情况 这种情况更加动态,更为实用,而且还能添加多个函数(添加的事件的顺序即执行顺序),呵呵 var tb = document.getElementById("tab1"); if(window.addEventListener){ // Mozilla, Netscape, Firefox td_value.addEventListener('click', alert('11'), false); td_value.addEventListener('click', alert('12'), false); } else { // IE td_value.attachEvent('onclick', function(){alert('21');}); td_value.attachEvent('onclick', function(){alert('2'2);}); }
