多次点击同一个 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>

多次点击同一个 div

Multiple onclicks on the same div

javascript

onclick