javascript - 无法找出一段代码中的多个 onmousedown/up 和 click 事件

Question

我无法弄清楚如何在一段 JavaScript 代码中使用多个点击事件。我现在想把一个简单的练习放在一起，并且正在查看 w3schools.com 网站上的 javascript 事件页面，并希望按照页面顶部可以看到的内容做一些事情(请参阅链接)与 Click Me 交互式 div 框.. http://www.w3schools.com/js/js_htmldom_events.asp

我已经成功地执行了简单的 onmousedown 和 up 事件来显示新文本，但是，我不知道如何执行多次单击事件，例如在 w3schools 网站页面上。是否要使用事件监听器？

Answer 1

他们正在使用这样的东西:

var clickCount = 0;
document.getElementById("box").onclick = function(){
   switch(clickCount){
   case 0:
       this.innerHTML += "Click me again<br />"
       break;
   case 1:
       this.innerHTML += "And again<br />";
       break;
   case 2:
       this.style.display = "none";
       break;
   }
   clickCount++;
};

http://codepen.io/idmean/pen/EbHsz