0

I have an input field that I want to delete the value of onblur so ,I wrote a function to do so , it's not working for some reason .

HTML

<input class="add-class" type="text">

javaScript

let addClassInput = document.querySelector(".add-class");

let deleteOnblur = function (ele) {
    ele.value = ""
};

addClassInput.addEventListener("blur", deleteOnblur(addClassInput));

It works when I do ...

let deleteOnblur = function () {
    addClassInput.value = ""
};

addClassInput.addEventListener("blur", deleteOnblur);
Abdulrhman Khalid
  • 1
  • 1
  • You cannot enter a parameter when using an event listener, otherwise the function will be invoked when the document loads. You can use the following code: addClassInput.addEventListener("blur", () => { addClassInput.value = ""; }); – ben Jan 20 '23 at 13:22

0 Answers0