почему event.target не запускается в следующем коде, пока работает простой обработчик события click?

Проблема в том, что target когда mouse goes up является input element а не form

Вот несколько способов решения вашей проблемы

1. Проверьте, является ли target input element

   window.addEventListener("mouseUp", getAlert);
   function getAlert(event) {
       if (event.target === form.firstElementChild) {
           alert('I clicked on a form');
       }
   }
   

2. Добавьте listener в form чтобы не нужно было ничего проверять

   form.addEventListener("mouseUp", getAlert);
   function getAlert(event) {
       alert('I clicked on a form');
   }
   

3. Проверьте, является ли target form или если target является element form

   window.addEventListener("mouseUp", getAlert);
   function getAlert(event) {
       if (event.target === form || form.contains(event.target)) {
           alert('I clicked on a form');
       }
   }
   

4. Используйте CSS для добавления некоторого padding к form чтобы у вас было свободное пространство, чтобы щелкнуть form без нажатия на input

   #form_element {
       padding: 20px;
   }
   

5. Используйте CSS чтобы сделать input element "невидимым" для мыши

   #form_element>input {
       pointer-events: none;
   }