0

我有一个带有 onkeydown 属性的表单文本输入的 html 页面，如下所示：

<DOCTYPE !html>
<html>

<head>
<title>Lookup User</title>
</head>
<body>
<form method="POST">
<strong>Last Name: </strong><input type="text" id="lname" onkeydown="lookup_user(this.value)" />

</form>
<span id="test"></span>
<script type="text/javascript" src="lookup_user.js"></script>
</body>
</html>

该页面向服务器发出异步请求以在键被按下时搜索用户。javascript文件是

function lookup_user (lname) {

var xmlhttp;

if (lname=='') {
    document.getElementById('lname').innerHTML = '';
    return;
}

if (window.XMLHttpRequest) {
    xmlhttp = new XMLHttpRequest();
}
else {
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}



// generally preferred to place onreadystatechange before open so that it detects readyState 0-4 instead of 1-4
xmlhttp.onreadystatechange = function () {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        document.getElementById("test").innerHTML = xmlhttp.responseText;

    }
}

xmlhttp.open('POST', 'lookup_user.php', true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send('lname='+lname);



}

这几乎可以正常工作，除了它没有检测到第一个按键。

例如，如果在输入表单中输入“D”，它不会搜索用户。当我输入第二个字符时，它会搜索第二个字符之前的字符，不包括第二个字符。如果我想查找“Daisy”，在输入框中输入“Daisy”，它会查找“Dais”。只有当我按下另一个键时，它才会查找“Daisy”。

为什么是这样？

4

1 回答 1

0

onkeydown活动正常进行。

当一个键被按下时，事件按以下顺序触发；keydown, keypress, keyup.

该onkeydown事件在按键之后但在字符被放入 DOM 之前触发。

由于在触发事件时该字符尚未放入 DOM，因此您的表单文本输入中不会包含该字符。

例如：该onkeydown事件可用于限制字符输入到您的表单中。

另一方面：在onkeyup用户释放键和修改 DOM 后触发事件。

也许该onkeyup事件更适合您的应用程序。

于 2013-07-27T00:05:02.853 回答