每当按下退格键时,OnKeyUp 都不会触发

onkeyup is not firing whenever backspace is pressed?

本文关键字:OnKeyUp      更新时间:2023-09-26
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>autoomplete</title>
<style>
.hidden1
{
margin: 10px;
padding: 10px; 
border: 2px solid  #00CC99; 
width: 200px;
border-radius: 5px;
}
</style>
</head>
<script> 
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< 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";
} 
</script> <body>
<div > 
<center>Autocomplete:<input type="text" id="edit1" name="edit1" onkeyup="showlist()"> </center>
</div> 
<div id="dropdown" style="display:none" align="center" > 
<select id="listbox1" size="3" name="listbox1" onclick="selval(this)" class="hidden1"> 
</select> </div> </body></html>

伙计们,我已经使用JavaScript创建了一个自动完成文本字段。每当传递匹配字符串时,都会出现在浏览器中的自动建议框,但每当我点击退格键时,onkeyup 都没有触发并且无法获得我创建的自动建议。请为我建议一种解决此问题的方法提前感谢!

XHTML

onkeyup="showlist(e)"

JavaScript

function showlist(e)
{//alert('e.keyCode = '+e.keyCode);
 var e = evt || event;
 var key = e.which || e.keyCode;
 switch (key)
 {
  case 8://Backspace
  alert('backspace pressed.');
  break;
 }
}