bryanforbes/no_leak_1.html

## no_leak_1.html
<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="refresh" content="2;url=">
	<title>Leak Fix with Lookup Wrapper</title>
	<script src="helper.js"></script>
	<script>
		var _cache = {};
		var createWrapper = (function(){
			var id = 0;
			function createLookupHandler(id){
				return function(){
					if(id in _cache && _cache[id]){
						_cache[id].apply(this, arguments);
					}
				};
			}
			function createWrapper(elem, func){
				var cid = id++,
					wrapper = createLookupHandler(cid);
				_cache[cid] = {
					handler: wrapper,
					element: elem
				};
				return wrapper;
			}

			return createWrapper;
		})();
		function listen(node, evt, handler){
			var wrapper = createWrapper(node, handler);

			_listen(node, normalizeEventName(evt), wrapper);

			return wrapper;
		}
		function stopListening(node, evt, handler){
			_stopListening(node, evt, handler);
		}
	</script>
</head>
<body>
	<div id="container"></div>
	<script>
		(function(){
			var i =-1, l = 1000, container = document.getElementById("container");
			while (++i < l){
				var e = document.createElement("div");
				(function(elem){
					function LeakFunc(){
						elem.innerHTML = "foo";
					}
					listen(elem, "onclick", LeakFunc);
					container.appendChild(elem);
				})(e);
			}
			container.innerHTML = "";
		})();
	</script>
</html>
	<!DOCTYPE HTML>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="refresh" content="2;url=">
	<title>Leak Fix with Lookup Wrapper</title>
	<script src="helper.js"></script>
	<script>
	var _cache = {};
	var createWrapper = (function(){
	var id = 0;
	function createLookupHandler(id){
	return function(){
	if(id in _cache && _cache[id]){
	_cache[id].apply(this, arguments);
	}
	};
	}
	function createWrapper(elem, func){
	var cid = id++,
	wrapper = createLookupHandler(cid);
	_cache[cid] = {
	handler: wrapper,
	element: elem
	};
	return wrapper;
	}

	return createWrapper;
	})();
	function listen(node, evt, handler){
	var wrapper = createWrapper(node, handler);

	_listen(node, normalizeEventName(evt), wrapper);

	return wrapper;
	}
	function stopListening(node, evt, handler){
	_stopListening(node, evt, handler);
	}
	</script>
	</head>
	<body>
	<div id="container"></div>
	<script>
	(function(){
	var i =-1, l = 1000, container = document.getElementById("container");
	while (++i < l){
	var e = document.createElement("div");
	(function(elem){
	function LeakFunc(){
	elem.innerHTML = "foo";
	}
	listen(elem, "onclick", LeakFunc);
	container.appendChild(elem);
	})(e);
	}
	container.innerHTML = "";
	})();
	</script>
	</html>