多個onclicks在同一個div

Question

我想添加第二個onclick函數到我的元素，但到目前爲止沒有成功，嘗試不同的分隔符，相同的引號等，但它不工作。

這是代碼：

<a title="course" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'};" onclick="if(document.getElementById('nav-res') .style.display=='block') {document.getElementById('nav-res') .style.display='none'};">Course</a> 

任何人都可以指出我在做什麼錯？非常感謝

Answer 1

您不能添加多個onclick語句。
您需要在命令之間添加分號（;）。

<a href="#" onclick="alert('this is command 1'); alert('this is command 2');">click me</a> 
//---------------------------------------------^---------------------------^ 

但是，我不會像你這樣做。
我會做一個單獨的功能，做任何你想做的事情。
將所有內容放在html（內聯）中都不是好習慣。

我會做這樣的：

<a id="" onclick="clickme()"> 
<script> 
    function clickme() { 
     // action 1 
     if(document.getElementById('spoiler').style.display=='none'){ 
      document.getElementById('spoiler').style.display=''; 
     } 
     else{ 
      document.getElementById('spoiler').style.display='none'; 
     }; 
     // action 2 
     if(document.getElementById('nav-res').style.display=='block'){ 
      document.getElementById('nav-res') .style.display='none'; 
     } 
    } 
</script> 

Answer 2

我建議你使用事件偵聽器嘗試：

<a href='#' id='mytag'> 

然後：

<script> 
    document.getElementById('mytag').addEventListener("click", function(){ 
    alert(1) 
    }, false); 

    document.getElementById('mytag').addEventListener("click", function(){ 
    alert(2) 
    }, false); 
</script> 

或使用jQuery：

<script> 
    $('#mytag').click(function(){ alert(1) }) 
    $('#mytag').click(function(){ alert(2) }) 
</script>