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

核心提示： 在请求得到一个匹配值后，我们需要确定如果这个匹配值确实已经找到，用Javascript制作一个可自动填写的文本框(三)(3)，测试一下sMatch值，如果它不是null，另外，如果你了非键盘输入（鼠标复制／粘贴），则需要用sMatch来替换文本框中的文本，然后我们使用iLen（由用户键入的

在请求得到一个匹配值后，我们需要确定如果这个匹配值确实已经找到。测试一下sMatch值，如果它不是null，则需要用sMatch来替换文本框中的文本。然后我们使用iLen（由用户键入的实际文本长度）来作为textboxSelect () 方法的输入参数，以选择那些已被匹配的文本(sMatch)。

function autocomplete(oTextbox, oEvent, arrValues) {
switch (oEvent.keyCode) {
case 38: //up arrow
case 40: //down arrow
case 37: //left arrow
case 39: //right arrow
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: //backspace
case 46: //delete
return true;
break;
default:
textboxReplaceSelect(oTextbox, String.fromCharCode(isIE ? oEvent.keyCode : oEvent.charCode);
var iLen = oTextbox.value.length;
var sMatch = autocompleteMatch(oTextbox.value, arrValues);
if (sMatch != null) {
oTextbox.value = sMatch;
textboxSelect(oTextbox, iLen, oTextbox.value.length);
}
...
}
}

做完这些事后，我们必须在处理方法的最后加上return false，否则，输入的字符会出现两次。

=====================================================================

Ø 示例代码（为IE浏览器）：

说明：该示例码在NetScape或Oprea浏览器中可能不会很好的执行，另外，如果你了非键盘输入（鼠标复制／粘贴），也不会执行。