每当按下退格键时,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;
}
}
相关文章:
- onkeyup无法动态创建多个文本区域
- 使用onkeyup JS事件检查输入的值是否唯一
- 确定用户按下键(onKeyUp)后的时间量
- asp.net text onkeyup event
- 在onkeyup事件中未检测到文本区域更改
- 使用Javascript动态设置onKeyUp属性
- Summing TD onkeyup
- Javascript issue with onkeyup
- php编写onkeyup=函数
- 将一个js变量传递给onkeyup输入文本
- Javascript函数不会加载到onkeyup和onclick事件
- HTML onkeyup事件属性来运行PHP函数
- onKeyUp 事件计算不适用于 PHP 生成的表单中的以下行,除了第一行
- 快速键入时,Javascript onKeyUp条件不起作用
- 我想在 HTML 中使用 addEvent 而不是 onkeyup
- 防止javascript中的默认onkeyup事件
- JQuery警报不适用于onkeyup事件
- onKeyUp在按下第二个按钮时调用
- 如何使用“addEventListener”('keyup',函数)而不是使用“onkeyup”作为HT
- Javascript 文本框 onkeyup 事件