diff --git a/web-service/public/js/bundle.js b/web-service/public/js/bundle.js
index d9335dd479d3d491c7d4ca2dc137579b61bcd6e1..0b6999123b2a756b81cfd86cb0c0d22291f5fb2e 100644
--- a/web-service/public/js/bundle.js
+++ b/web-service/public/js/bundle.js
@@ -60115,7 +60115,7 @@ function FTLStream(peer, uri, element) {
 
 	this.paused = false;
 
-	this.overlay.onkeypress = (event) => {
+	this.overlay.addEventListener('keydown', (event) => {
 		console.log(event);
 		switch(event.code) {
 		case "KeyW"		: this.translateZ += 0.05; this.updatePose(); break;
@@ -60123,7 +60123,7 @@ function FTLStream(peer, uri, element) {
 		case "KeyA"		: this.translateX -= 0.05; this.updatePose(); break;
 		case "KeyD"		: this.translateX += 0.05; this.updatePose(); break;
 		}
-	}
+	});
 
 	/*this.element.onmousemove = (event) => {
 		console.log(event);
diff --git a/web-service/public/js/index.js b/web-service/public/js/index.js
index 15912cfe80877038fc37563b90285b78b7339265..d251e0117ab792b828b16d1d10829afb752c6162 100644
--- a/web-service/public/js/index.js
+++ b/web-service/public/js/index.js
@@ -261,7 +261,7 @@ function FTLStream(peer, uri, element) {
 
 	this.paused = false;
 
-	this.overlay.onkeypress = (event) => {
+	this.overlay.addEventListener('keydown', (event) => {
 		console.log(event);
 		switch(event.code) {
 		case "KeyW"		: this.translateZ += 0.05; this.updatePose(); break;
@@ -269,7 +269,7 @@ function FTLStream(peer, uri, element) {
 		case "KeyA"		: this.translateX -= 0.05; this.updatePose(); break;
 		case "KeyD"		: this.translateX += 0.05; this.updatePose(); break;
 		}
-	}
+	});
 
 	/*this.element.onmousemove = (event) => {
 		console.log(event);