| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- <!doctype html>
- <html>
- <head>
- <title>Test Event Handling Performance</title>
- <script src="benchmark.js"></script>
- <script src="jquery-basis.js"></script>
- <script>var old = jQuery.noConflict(true);</script>
- <script src="../dist/jquery.js"></script>
- <script>
- jQuery(function(){
- });
- var events = [], num = 400, exec = false;
- jQuery(document).mousemove(function(e){
- if ( exec ) {
- return;
- }
- if ( events.length >= num ) {
- exec = true;
- var s = (new Date).getTime();
- for ( var n = 0; n < 5; n++ ) {
- for ( var i = 0; i < num; i++ ) {
- old.event.handle.call( document, events[i] );
- }
- }
- var oldNum = (new Date).getTime() - s;
- s = (new Date).getTime();
- for ( var n = 0; n < 5; n++ ) {
- for ( var i = 0; i < num; i++ ) {
- jQuery.event.handle.call( document, events[i] );
- }
- }
- var curNum = (new Date).getTime() - s;
- jQuery("#num").text( old.fn.jquery + ": " + oldNum + " " + jQuery.fn.jquery + ": " + curNum );
- jQuery(this).unbind( "mousemove", e.handler );
- } else {
- events.push( e.originalEvent );
- jQuery("#num").text( events.length + " / " + num );
- }
- });
- </script>
- </head>
- <body>
- <p>Move the mouse, please!</p>
- <p id="num"></p>
- </body>
- </html>
|
