Add unbind().

knadh · Mar 7, 2024 · 3fe56ff · 3fe56ff
1 parent 8c4ea42
commit 3fe56ff
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/docs/floatype.min.js b/docs/floatype.min.js
diff --git a/docs/index.html b/docs/index.html
@@ -92,7 +92,7 @@ <h1>floatype.js</h1>
 
 	// Example 1.
 	// Simple string results.
-	floatype(document.querySelector("textarea"), {
+	const f = floatype(document.querySelector("textarea"), {
 		onQuery: async (val) => {
 			// This callback returns an array of search results.
 			// Typically, this will be a server side fetch() request.
@@ -105,6 +105,8 @@ <h1>floatype.js</h1>
 			return WORDS.filter(s => s.startsWith(q)).slice(0, 10);
 		}
 	});
+
+	// f.unbind() to remove the binding.
 </script>
 </body>
 </html>
diff --git a/floatype.js b/floatype.js
@@ -188,6 +188,12 @@ export function floatype(el, options = {}) {
 		el.value = el.value.substring(0, start) + val + (el.value[el.selectionStart] !== " " ? " " : "") + el.value.substring(el.selectionStart);
 		el.setSelectionRange(start + val.length + 1, start + val.length + 1);
 	}
+
+	return {
+		unbind: function() {
+			["input", "keydown", "blur"].forEach(k => el.removeEventListener(k, handleEvent));
+		}
+	}
 }
 
 export default floatype;