用Javascript制作一个可自动填写的文本框(三)

核心提示： 2. 键入文本时试着得到一个匹配的文本，3. 如果找到，用Javascript制作一个可自动填写的文本框(三)(2)，为文本框建议一个应该输入的文本，并选择这些用户无需键入的匹配文本，用这字符替换当前选择的文本，然后我们需要得到文本框中文本的长度，这个步骤最重要的是确定用户键入的字符（由e

2. 键入文本时试着得到一个匹配的文本。

3. 如果找到，为文本框建议一个应该输入的文本，并选择这些用户无需键入的匹配文本。

这个步骤最重要的是确定用户键入的字符（由event对象的keyCode属性(IE)或charCode属性(Mozilla)得到键码，并使用String.fromCharCode () 方法将键码转为字符，用这字符替换当前选择的文本，然后我们需要得到文本框中文本的长度。

function autocomplete(oTextbox, oEvent, arrValues) {
switch (oEvent.keyCode) {
case 38: // á键
case 40: // â键
case 37: // ß键
case 39: // à键
case 33: // Page Up键
case 34: // Page down键
case 36: // Home键
case 35: // End键
case 13: // Enter键
case 9: // Tab键
case 27: // Esc键
case 16: // Shift键
case 17: // Ctrl键
case 18: // Alt键
case 20: // Caps Lock键
case 8: // 退格键
case 46: // Delete键
return true;
break;
default:
textboxReplaceSelect(oTextbox, String.fromCharCode(isIE ? oEvent.keyCode : oEvent.charCode); // 译者注：这一步似乎并无必要，因此在文章结束的示例代码中将这一行去掉
var iLen = oTextbox.value.length;
...
}
}

下面用autocompleteMatch() 方法在数组中查找一个相匹配的值：

function autocomplete(oTextbox, oEvent, arrValues) {
switch (oEvent.keyCode) {
case 38: // á键
case 40: // â键
case 37: // ß键
case 39: // à键
case 33: // Page Up键
case 34: // Page down键
case 36: // Home键
case 35: // End键
case 13: // Enter键
case 9: // Tab键
case 27: // Esc键
case 16: // Shift键
case 17: // Ctrl键
case 18: // Alt键
case 20: // Caps Lock键
case 8: // 退格键
case 46: // Delete键
break;
default:
textboxReplaceSelect(oTextbox, String.fromCharCode(isIE ? oEvent.keyCode : oEvent.charCode);
var iLen = oTextbox.value.length;
var sMatch = autocompleteMatch(oTextbox.value, arrValues);
...
}
}