Javascript 当文本从输入中完全删除时，请执行某些操作

我试图创建一个可以用另一个输入清除的输入，但是当使用backspace/delete键删除/删除文本时，清除按钮必须隐藏

范例

我能做到吗

HTML:

---

简单：将事件侦听器添加到

onchange

。检查侦听器中的值。如果为空，则隐藏按钮。

将侦听器添加到

onkeyup

。每次释放键时，都会调用一个函数，检查输入字段值。如果为空，则将其隐藏。

使用此键向上而不是使用的键向下功能

onkeyup="if (this.value == '') { document.getElementById('search_form_input_clear').style.background='#FFFFFF' };" 

在元素中

---

它将工作

内联多行JavaScript并将其塞进

onclick

属性是个坏主意。使用事件侦听器。

  var clearbut = document.getElementById('search_form_input_clear');
  var searchfield = document.getElementById('q');
  if (searchfield.value != '') {
      clearbut.style.background='#000000'; 
  }
  else if (searchfield.value === '') {
      clearbut.style.background='#FFFFFF'; 
  }

onkeyup="if (this.value == '') { document.getElementById('search_form_input_clear').style.background='#FFFFFF' };"