Event DOM

¿Por qué el método btn.EventListenner('click', createTask), sólo funciona con el evento "click" y no otro? Por ejemplo con el evento "mouseover" o "mouseout" no funciona.

const btn = document.querySelector("[data-form-btn]");


const createTask = (evento)=>{
   evento.preventDefault();

    const input = document.querySelector("[data-form-input]");
    const value = input.value;
    const list = document.querySelector("[data-list]")
    const task = document.createElement("li");
    task.classList.add("card")
    input.value= "";
    const content =`<div>
    <i class="far fa-check-square icon"></i>
    <span class="task">"${value}"</span>
  </div>
  <i class="fas fa-trash-alt trashIcon icon"></i>`;
     task.innerHTML = content;

     list.appendChild(task);
    console.log(content)


}
btn.addEventListener('clik',createTask);