title: onkeyup is not firing whenever backspace is pressed?
body: <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;autoomplete&lt;/title&gt;
  &lt;style&gt;
  .hidden1
  {
  margin: 10px;
  padding: 10px; 
  border: 2px solid  #00CC99; 
  width: 200px;
  border-radius: 5px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;script&gt; 
  function showlist() 
  { 
  if(!((/^\s*$/).test(edit1.value)))   
  { 
  document.getElementById("dropdown").style.display="block";   
  var tex=edit1.value; 
  var name = new Array("python","django framework","mongodb");    
  for(var i = 0;i&lt; name.length;i++) 
  { 
  if(name[i].indexOf(tex) != -1)   
  { 
  add(name[i],name[i]);   
  } } } } 
  function add(Text,Value) 
  { 
  var opt = document.createElement("option");  
  listbox1.options.add(opt); 
  opt.text = Text; 
  opt.value = Value; 
  } 
  function selval(listval) 
  { 
  edit1.value = listval.value; 
  listval.style.display="none";
  } 
  &lt;/script&gt; &lt;body&gt;
  &lt;div &gt; 
  &lt;center&gt;Autocomplete:&lt;input type="text" id="edit1" name="edit1" onkeyup="showlist()"&gt; &lt;/center&gt;
  &lt;/div&gt; 
  &lt;div id="dropdown" style="display:none" align="center" &gt; 
  &lt;select id="listbox1" size="3" name="listbox1" onclick="selval(this)" class="hidden1"&gt; 
  &lt;/select&gt; &lt;/div&gt; &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>guys i've created an autocomplete text field using javascript.In browser autosuggestion box appears whenever the matching string is passed but  whenever i hit backspace the onkeyup was not firing and couldn't able to get autosuggestion which i had been created.please suggest a me a way to overcome this issue
  thanx in advance!</p>