Merge branch 'master' of https://github.com/russtacular/jquery into russtacular-master
[jquery.git] / speed / event.html
1 <!doctype html>
2 <html>
3 <head>
4         <title>Test Event Handling Performance</title>
5         <script src="benchmark.js"></script>
6         <script src="jquery-basis.js"></script>
7         <script>var old = jQuery.noConflict(true);</script>
8         <script src="../dist/jquery.js"></script>
9         <script>
10         jQuery(function(){
11         
12         });
13
14         var events = [], num = 400, exec = false;
15
16         jQuery(document).mousemove(function(e){
17                 if ( exec ) {
18                         return;
19                 }
20
21                 if ( events.length >= num ) {
22                         exec = true;
23                         var s = (new Date).getTime();
24
25                         for ( var n = 0; n < 5; n++ ) {
26                                 for ( var i = 0; i < num; i++ ) {
27                                         old.event.handle.call( document, events[i] );
28                                 }
29                         }
30
31                         var oldNum = (new Date).getTime() - s;
32
33                         s = (new Date).getTime();
34
35                         for ( var n = 0; n < 5; n++ ) {
36                                 for ( var i = 0; i < num; i++ ) {
37                                         jQuery.event.handle.call( document, events[i] );
38                                 }
39                         }
40
41                         var curNum = (new Date).getTime() - s;
42
43                         jQuery("#num").text( old.fn.jquery + ": " + oldNum + " " + jQuery.fn.jquery + ": " + curNum );
44
45                         jQuery(this).unbind( "mousemove", e.handler );
46
47                 } else {
48                         events.push( e.originalEvent );
49                         jQuery("#num").text( events.length + " / " + num );
50                 }
51         });
52         </script>
53 </head>
54 <body>
55         <p>Move the mouse, please!</p>
56         <p id="num"></p>
57 </body>
58 </html>