WEB开发网
开发学院网页设计JavaScript 用Javascript制作一个可自动填写的文本框(三) 阅读

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

 2010-09-14 13:32:16 来源:WEB开发网   
核心提示: 在请求得到一个匹配值后,我们需要确定如果这个匹配值确实已经找到,用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浏览器中可能不会很好的执行,另外,如果你了非键盘输入(鼠标复制/粘贴),也不会执行。

上一页  1 2 3 4  下一页

Tags:Javascript 制作 一个

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接