[code] created a toggleKeyPressListener to toggle the key press liste…

…ner for keybindings
weiseng18 · Sep 2, 2020 · 7fe8497 · 7fe8497
1 parent f43696c
commit 7fe8497
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/js/start_menu.js b/js/start_menu.js
@@ -176,5 +176,5 @@ StartMenu.prototype.closeMenu = function(which) {
 	document.body.removeChild(this.ele);	
 
 	// add keypress listener
-	document.addEventListener("keypress", tools.keyPressListener.bind(tools));
+	tools.toggleKeyPressListener();
 }
diff --git a/js/tools.js b/js/tools.js
@@ -22,6 +22,10 @@ function ToolWrapper(rows, columns) {
 
 	// currently, keybinds will be a single letter only
 	this.keybinds = ["Q", "W", "E", "R", "T", "Y", "A", "S", "D", "F", "G", "H"];
+	this.enabledKeyPress = false;
+
+	// binded key press listener
+	this.bindedKeyPressListener = this.keyPressListener.bind(this);
 }
 
 ToolWrapper.prototype.addTool = function(tool) {
@@ -75,6 +79,17 @@ ToolWrapper.prototype.generateHTML = function() {
 	get(this.wrapperID).appendChild(table);
 }
 
+ToolWrapper.prototype.toggleKeyPressListener = function() {
+	if (this.enabledKeyPress) {
+		document.removeEventListener("keypress", this.bindedKeyPressListener);
+		this.enabledKeyPress = false;
+	}
+	else {
+		document.addEventListener("keypress", this.bindedKeyPressListener);
+		this.enabledKeyPress = true;
+	}
+}
+
 ToolWrapper.prototype.keyPressListener = function(e) {
 	var key = e.which || e.keyCode;