• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

如何在输入字段被清除时触发JavaScript事件?

JavaScript 来源:Cecilia Lee 3次浏览

我正在尝试制作一个即时搜索框。当用户开始在搜索框中输入内容时,它会触发一个javascript事件来隐藏博客文章(#home),而搜索结果将会显示出来(这部分脚本不包括在下面)。但是,在用户清除搜索框后,他们只看到空白页面,因为#homedisplay仍设置为none。如何在输入字段被清除时触发JavaScript事件?

我怎样才能让JavaScript的检测用户清除提交输入在#search-input,并#home显示true一遍吗?

document.getElementById('search-input').oninput = function() { 
    document.getElementById('home').style.display = 'none'; 
}; 

enter image description here enter image description here enter image description here

===========解决方案如下:

您可以通过input事件侦听器做到这一点。要隐藏#home元素,添加一个条件来检查输入是否有值。如果它不,那么你就隐藏它。把它带回来,你做相反的,但只有如果#home隐藏:


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)