Sometimes, we want to detect the clearing of a search HTML5 input with JavaScript.
In this article, we’ll look at how to detect the clearing of a search HTML5 input with JavaScript.
How to detect the clearing of a search HTML5 input with JavaScript?
To detect the clearing of a search HTML5 input with JavaScript, we listen to the input event.
For instance, we write
<input id="searchInput" type="search" placeholder="Search" />
to add an input.
Then we write
document.getElementById("searchInput").addEventListener("input", (e) => {
// ...
});
to select the input with getElementById
.
Then we call addEventListener
to listen to the input event.
When the search box is cleared, the input event handler is called.
Conclusion
To detect the clearing of a search HTML5 input with JavaScript, we listen to the input event.