onclick zwei Funktionen gleichzeitig aufrufen?

Question

hier ist mein Code ..

<script type="text/javascript"> 
function clicker(){ 

    var thediv=document.getElementById('downloadoverlay'); 
    if(thediv.style.display == "none"){ 
     thediv.style.display = ""; 
     thediv.appendChild() 
    return false; 
    } 
} 
function clicker1(){ 
    var thediv1=document.getElementById('downloadbox'); 
    if(thediv1.style.display == "none"){ 
     thediv1.style.display = ""; 
     thediv1.appendChild() 

    return false; 
    } 
} 



</script> 

auf die Schaltfläche klicken .. das Ereignis gleichzeitig zwei Funktionen .. Hilfe rufen soll .. ??

Answer 1

die Handler unaufdringlich hinzufügen, aus dem Skript. Etwas wie:

function addHandler(etype, el,handlerFunction){ 
    if (el.attachEvent) { 
    el.attachEvent('on' + etype, handlerFunction); 
    } else { 
    el.addEventListener(etype, handlerFunction, false); 
    } 
} 
var myButton = document.getElementById('mybutton'); 
addHandler('click', myButton, clicker); 
addHandler('click', myButton, clicker1); 

Answer 2

Ja, Sie können, wenn Sie Ereignis-Listener anhängen: IE, andere browsers.

Denken Sie daran, dass beide nicht im selben Moment enden, und wenn die Site umgeleitet wird, kann es passieren, dass Sie "abschneiden", bevor die zweite Funktion ausgeführt wird.

Auch in diesem Fall würde ich CSS-Klasse auf Tag setzen, die sowohl #downloadoverlay als auch #downloadbox enthält. Anstatt mit style Objekt direkt zu verwirren.

Answer 3

Schreiben Sie einfach eine Funktion, die beide aufruft. Zum Beispiel könnten Sie

function onClick() { 
    clicker(); 
    clicker1(); 
} 

Und gesetzt onclick="return onClick();" auf dem Element schreiben Sie interessieren.

Answer 4

So stellen Sie eine andere Funktion, beide nennen gleichzeitig

function callClickers(){ 
    clicker(); 
    clicker1(); 
} 

Nun ist diese Onclick auf Ihre Schaltfläche hinzufügen

Answer 5

Sie können sofort die beiden Funktionen erfordern die onClick Ereignis

<button type="submit" id="mySubmit" onClick=" clicker(); clicker1()">Search</button>