fixed global events leaks in js with multiple windows/drivers

h3d/impl/GlDriver.hx

@@ -1601,17 +1601,16 @@ class GlDriver extends Driver {
 
 	override function init( onCreate : Bool -> Void, forceSoftware = false ) {
 		#if js
-		var ready = false;
 		// wait until all assets have properly load
 		if( js.Browser.document.readyState == 'complete' )
 			haxe.Timer.delay(onCreate.bind(false), 1);
-		else
-			js.Browser.window.addEventListener("load", function(_) {
-				if( !ready ) {
-					ready = true;
-					onCreate(false);
-				}
-			});
+		else {
+			function onLoad() {
+				js.Browser.window.removeEventListener("load", onLoad);
+				onCreate(false);
+			}
+			js.Browser.window.addEventListener("load", onLoad);
+		}
 		#else
 		haxe.Timer.delay(onCreate.bind(false), 1);
 		#end

hxd/Window.js.hx

@@ -36,6 +36,7 @@ class Window {
 	var curH : Int;
 
 	var focused : Bool;
+	var observer : Dynamic;
 
 	/**
 		When enabled, the browser zoom does not affect the canvas.
@@ -47,7 +48,7 @@ class Window {
 		var customCanvas = canvas != null;
 		eventTargets = new List();
 		resizeEvents = new List();
-		
+
 		if( !js.Browser.supported ) {
 			canvasPos = { "width":0, "top":0, "left":0, "height":0 };
 			return;
@@ -76,12 +77,12 @@ class Window {
 		if( customCanvas ) {
 			canvas.addEventListener("mousemove", onMouseMove);
 		}
-			
+
 		else {
 			js.Browser.window.addEventListener("mousemove", onMouseMove);
 		}
-			
-		
+
+
 		element.addEventListener("mousedown", onMouseDown);
 		element.addEventListener("mouseup", onMouseUp);
 		element.addEventListener("mouseleave", onMouseLeave);
@@ -97,7 +98,7 @@ class Window {
 
 		if ((js.Browser.window:Dynamic).ResizeObserver != null) {
 			// Modern solution for canvas resize monitoring, supported in most browsers, but not Haxe API.
-			var observer = js.Syntax.construct("ResizeObserver", function(e) {
+			observer = js.Syntax.construct("ResizeObserver", function(e) {
 				checkResize();
 			});
 			observer.observe(canvas);
@@ -145,6 +146,11 @@ class Window {
 	}
 
 	public function dispose() {
+		if( inst == this ) inst = null;
+		if ((js.Browser.window:Dynamic).ResizeObserver != null) {
+			observer.disconnect();
+			observer = null;
+		}
 	}
 
 	public dynamic function onClose() : Bool {
@@ -240,7 +246,7 @@ class Window {
 				if (customCanvas) canvas.requestPointerLock();
 				else js.Browser.window.document.documentElement.requestPointerLock();
 			}
-			
+
 		else {
 			if (customCanvas) canvas.ownerDocument.exitPointerLock();
 			else js.Browser.window.document.exitPointerLock();
@@ -310,7 +316,7 @@ class Window {
 			curMouseX = e.clientX;
 			curMouseY = e.clientY;
 		}
-		
+
 		event(new Event(EMove, mouseX, mouseY));
 	}