onclick同时调用两个函数?

时间:2012-03-24 09:44:30

标签: javascript

这是我的代码..

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

单击按钮..事件应同时调用两个函数..帮助.. ??

5 个答案:

答案 0 :(得分:2)

从脚本中不引人注意地添加处理程序。类似的东西:

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

答案 1 :(得分:1)

是的,如果您附加了事件监听器:IE,其他browsers,则可以。

请记住,它们都不会在同一时刻结束,如果网站重定向,在第二个功能完成之前,可能会“缩短”。

此外,在这种情况下,我会在包含#downloadoverlay#downloadbox的标记上设置CSS类。

。而不是直接弄乱style对象。

答案 2 :(得分:1)

只需编写一个调用它们的函数。例如,你可以写

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

并在您关注的元素上设置onclick="return onClick();"

答案 3 :(得分:1)

只需另外一个功能同时调用它们

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

现在将此添加到您的按钮onclick

答案 4 :(得分:0)

您可以同时为onClick事件

调用这两个函数
    <button type="submit" id="mySubmit" onClick=" clicker(); clicker1()">Search</button>