adding focus handler for form elements

adobe · Dec 12, 2024 · 04631ff · 04631ff
1 parent 33aca1e
commit 04631ff
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/modules/index.js b/modules/index.js
@@ -248,11 +248,21 @@ function addViewMediaTracking(parent) {
   }
 }
 
+function addFocusTracking(parent) {
+  parent.addEventListener('focusin', (event) => {
+    if (['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON'].includes(event.target.tagName)
+      || event.target.getAttribute('contenteditable') === 'true') {
+      sampleRUM('click', { source: sourceSelector(event.target) });
+    }
+  });
+}
+
 function addFormTracking(parent) {
   activateBlocksMO();
   activateMediaMO();
   parent.querySelectorAll('form').forEach((form) => {
     form.addEventListener('submit', (e) => sampleRUM('formsubmit', { target: targetSelector(e.target), source: sourceSelector(e.target) }), { once: true });
+    addFocusTracking(form);
   });
 }