diff --git a/pages/customdataplaceholders/mzta-custom-dataplaceholders.js b/pages/customdataplaceholders/mzta-custom-dataplaceholders.js
index 713a211c..cfdbf9f4 100644
--- a/pages/customdataplaceholders/mzta-custom-dataplaceholders.js
+++ b/pages/customdataplaceholders/mzta-custom-dataplaceholders.js
@@ -72,7 +72,7 @@ document.addEventListener('DOMContentLoaded', async () => {
     let btnNew_elements = document.querySelectorAll(".input_new");
     if(btnNew_elements) {
         btnNew_elements.forEach(element => {
-            element.addEventListener('change', (e) => {
+            element.addEventListener('input', (e) => {
                 e.preventDefault();
                 checkFields();
             });
diff --git a/pages/customprompts/mzta-custom-prompts.js b/pages/customprompts/mzta-custom-prompts.js
index d94646e6..85d0ae34 100644
--- a/pages/customprompts/mzta-custom-prompts.js
+++ b/pages/customprompts/mzta-custom-prompts.js
@@ -78,7 +78,7 @@ document.addEventListener('DOMContentLoaded', async () => {
     let btnNew_elements = document.querySelectorAll(".input_new");
     if(btnNew_elements) {
         btnNew_elements.forEach(element => {
-            element.addEventListener('change', (e) => {
+            element.addEventListener('input', (e) => {
                 e.preventDefault();
                 checkFields();
             });