onclick вызывает две функции одновременно?

Question

вот мой код ..

<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> 

по нажатию кнопки .. событие должно вызывать одновременно две функции .. помощь .. ??

Answer 1

Добавьте обработчик ненавязчив, из вашего сценария. Что-то вроде:

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

Да, вы можете, если вы присоедините слушателя событий: IE, другие browsers.

Просто имейте в виду, что оба они не будут заканчиваться в один и тот же момент, и можно было бы «сократить», если перенаправление сайта, до того, как будет выполнена вторая функция.

Кроме того, в этом случае я бы установил класс CSS на тег, который содержит как #downloadoverlay, так и #downloadbox. Вместо того, чтобы напрямую общаться с объектом style.

Answer 3

Просто напишите одну функцию, которая вызывает оба. Например, вы могли бы написать

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

И установить onclick="return onClick();" на элемент, который вы заботитесь о.

Answer 4

Просто сделайте другую функцию, чтобы назвать их оба одновременно

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

Теперь добавьте это к кнопке OnClick

Answer 5

Можно назвать две функции сразу для onClick события

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