Вот мой код:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="windows-1251">
<style>
#li2 {border:1px solid gray}
.cla {width:450px}
.dlist:focus {background:gray; outline:none;}
</style>
</head>
<body style="height:2000px">
<form method="post" action="" name="addedit" class="cla">
<div>
Фамилия
<div>
<input id="addfam" type="text" name="fam" maxlength="50" value="" onkeyup="strlist(this.value,event);" placeholder="Фамилия">
<div id="li2" style="width:450px; display:none;"></div>
</div>
</div>
</form>
<script>
function strlist(famn,event) {
event=event||window.event;
event.preventDefault();
event.stopPropagation();
if(event.keyCode==40) {
document.getElementById("l1").focus();
} else {
var result='<div tabindex="-1" id="l1" class="dlist" onkeyup="inpstr13(this,event);">Петров</div><div tabindex="-1" id="l2" class="dlist" onkeyup="inpstr13(this,event);">Сидоров1</div><div tabindex="-1" id="l3" class="dlist" onkeyup="inpstr13(this,event);">Сидоров2</div><div tabindex="-1" id="l4" class="dlist" onkeyup="inpstr13(this,event);">Сидоров3</div><div tabindex="-1" id="l5" class="dlist" onkeyup="inpstr13(this,event);">Сидоров4</div><div tabindex="-1" id="l6" class="dlist" onkeyup="inpstr13(this,event);">Сидоров5</div><div tabindex="-1" id="l7" class="dlist" onkeyup="inpstr13(this,event);">Сидоров6</div>';
if(result && result!='') {
document.getElementById("li2").style.display='';
document.getElementById("li2").innerHTML=result;
} else document.getElementById("li2").style.display='none';
}
}
function inpstr13(famn,event) {
event=event||window.event;
tekp=parseInt(famn.id.replace(new RegExp("^l",'g'),""));
if(event.keyCode==40) {
event.preventDefault();
event.stopPropagation();
tekp="l"+(tekp+1);
document.getElementById(tekp).focus();
return false;
} else if(event.keyCode==38 && tekp!=1) {
event.preventDefault();
event.stopPropagation();
tekp="l"+(tekp-1);
document.getElementById(tekp).focus();
return false;
} else if(event.keyCode==13) {
document.getElementById("addfam").value=famn.innerHTML;
document.getElementById("li2").style.display='none';
}
}
</script>
</body>
</html>
Как отловить эти гадские кнопки? Кто сталкивался с подобной проблемой подскажите как решить.