• js中只内置了单击和双击的相应，而且这两者之间还有冲突，使用起来不太方便。
  • 下列代码可以完成任意次点击的相应，且无冲突，原理是使用了一个定时器，在一定时间内完成多少次点击便执行多少次点击相应的任务。这个时间可以由自己选择。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<div><button id="button_id"/>
<script type="text/javascript">
    $(document).ready(function(){        

        var timer = null;
        var cnt =0;

        $("#button_id").click(function(){
            cnt++;
            console.log(cnt);
            timer = setTimeout(function(){
                switch (cnt) {
                    case 1:
                        console.log("click once");        
                        break;
                    case 2:
                        console.log("click 2");        
                        break;
                    case 3:
                        console.log("click 3");        
                        break;
                    
                    default:    
                        break;
                } 
                clearTimeout(timer);         
                cnt =0;                         
          }, 300);});
    });
    </script>
    </div>