覆盖jquay的默认方法，js函数节流

1. /*
2. 用法1
3. <div id='btn1'>按钮1<div>
4. <script src='jquary.js'></script>
5. <script src='my.js'>这个文件引入需要紧跟在在jquary后面</script>
6. <script>
7.     $('#btn1').click(function(e){console.log(e);},  1000);    //每次点击生效后要等待1000毫秒下次点击才能生效
8. </script>
10. 方法2
11. <div onclick='clickHandel(this, fn, [1, 2, 3])'  click_ms='1000'>按钮2<div>
12. <script src='jquary.js'></script>
13. <script src='my.js'>这个文件引入需要紧跟在在jquary后面</script>
14. <script>
15.     function fn(a, b, c) {
16.         alert(a+b+c);
17.     }
18. </script>
19. */
21. 代理模式和策略模式：可以把原来的函数引用保存下来在自定义的函数里面调用，代理原来的，然后可以加一些处理策略，代码如下
22. var oldClick = $.prototype.click;
23. $.prototype.oldClick = oldClick;
24. $.prototype.click = newClick;
25. funtion newClick(callback, a, b, ...) {
26.      $(o).oldClick(function(e){
27.           handel(o, callback, e, a, b, ...);
28.      });
29. }
31. $.prototype.click = myClick; //修改默认的click函数
33. my.js
35. var buttonRefs = {};  
36. var index = 0;  
37. function handel(o, callback, paramsArr) {  
38.     var delayMs = o.getAttribute('click_ms');  
39.     if(!isNaN(delayMs)) {  
40.         delayMs = Number(delayMs);  
41.         for (var p in buttonRefs) {  
42.             if (o == buttonRefs[p]) {  
43.                 return;  
44.             }  
45.         }  
46.   
47.         if(!paramsArr || paramsArr.constructor != Array) {  
48.             paramsArr = [];  
49.         }  
50.   
51.         callback.apply(o, paramsArr);  
52.         buttonRefs[index++] = o;  
53.         setTimeout(function (btn) {  
54.             return function () {  
55.                 for (var p in buttonRefs) {  
56.                     if (btn === buttonRefs[p]) {  
57.                         delete buttonRefs[p];  
58.                         break;  
59.                     }  
60.                 }  
61.             }  
62.         }(o), delayMs);  
63.     }else {  
64.         callback.apply(o, paramsArr);  
65.     }  
66. }  
67.  function myClick(callback, clickMs) {  
68.     if(!callback || callback.constructor != Function) {  
69.         return;  
70.     }  
71.     var o = this[0];  
72.     if(!o) {  
73.         return;  
74.     }  
75.     if(clickMs && !isNaN(clickMs)) {  
76.         o.setAttribute('click_ms', clickMs);  
77.     }  
78.     o.addEventListener('click', function (e) {  
79.         handel(o, callback, [e]);  
80.     });  
81. }  
82.   
83. function clickHandel(o, callback, paramsArr) {  
84.     handel(o, callback, paramsArr);  
85. }  
86. $.prototype.click = myClick; //修改默认的click函数