diff --git a/assets/js/hooks/events/listener.ts b/assets/js/hooks/events/listener.ts
index b2042a2a..c614b097 100644
--- a/assets/js/hooks/events/listener.ts
+++ b/assets/js/hooks/events/listener.ts
@@ -6,31 +6,10 @@ import {
   focusItem,
   getItemByNode,
   moveItem,
-  setItemDirty,
-  setItemParent,
   setItemPrev,
 } from "../item";
 import { getNodeByEvent, getNodeByItem } from "../node";
 
-export function focusin(event: FocusEvent) {
-  const { uuid } = getNodeByEvent(event);
-
-  this.pushEvent("set_focus", uuid);
-}
-
-export function focusout(event: FocusEvent) {
-  const { uuid } = getNodeByEvent(event);
-
-  this.pushEvent("remove_focus", uuid);
-}
-
-export function input(event: Event) {
-  const node = getNodeByEvent(event);
-  const item = getItemByNode(node);
-  item && setItemDirty(item, true);
-
-  this.pushEvent("update_node_content", node);
-}
 export function keydown(event: KeyboardEvent) {
   const container: HTMLDivElement = this.el.querySelector(".children");
 
@@ -193,7 +172,7 @@ function moveCursorDown(event: KeyboardEvent, outerThis: any) {
 function moveNodeUp(
   event: KeyboardEvent,
   container: HTMLDivElement,
-  outerThis: any,
+  outerThis: any
 ) {
   event.preventDefault();
 
@@ -224,7 +203,7 @@ function moveNodeUp(
 function moveNodeDown(
   event: KeyboardEvent,
   container: HTMLDivElement,
-  outerThis: any,
+  outerThis: any
 ) {
   event.preventDefault();
 
diff --git a/assets/js/hooks/events/listener/focus.ts b/assets/js/hooks/events/listener/focus.ts
new file mode 100644
index 00000000..c38ffb81
--- /dev/null
+++ b/assets/js/hooks/events/listener/focus.ts
@@ -0,0 +1,13 @@
+import { getNodeByEvent } from "../../node";
+
+export function focusin(event: FocusEvent) {
+  const { uuid } = getNodeByEvent(event);
+
+  this.pushEvent("set_focus", uuid);
+}
+
+export function focusout(event: FocusEvent) {
+  const { uuid } = getNodeByEvent(event);
+
+  this.pushEvent("remove_focus", uuid);
+}
diff --git a/assets/js/hooks/events/listener/input.ts b/assets/js/hooks/events/listener/input.ts
new file mode 100644
index 00000000..911d4c61
--- /dev/null
+++ b/assets/js/hooks/events/listener/input.ts
@@ -0,0 +1,10 @@
+import { getNodeByEvent } from "../../node";
+import { getItemByNode, setItemDirty } from "../../item";
+
+export function input(event: Event) {
+  const node = getNodeByEvent(event);
+  const item = getItemByNode(node);
+  item && setItemDirty(item, true);
+
+  this.pushEvent("update_node_content", node);
+}
diff --git a/assets/js/hooks/index.ts b/assets/js/hooks/index.ts
index 0a0549a9..ee2a8084 100644
--- a/assets/js/hooks/index.ts
+++ b/assets/js/hooks/index.ts
@@ -1,4 +1,6 @@
-import { focusin, focusout, input, keydown } from "./events/listener";
+import { focusin, focusout } from "./events/listener/focus";
+import { input } from "./events/listener/input";
+import { keydown } from "./events/listener";
 import {
   handleList,
   handleInsert,