使用javascript添加事件

xiaoxiao2026-05-25  9

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);});     }

转载请注明原文地址: https://www.6miu.com/read-5049345.html

最新回复(0)