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

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

 2010-09-14 13:32:16 来源:WEB开发网   
核心提示:Ø 对autocomplete()的补充对autocomplete() 方法补充一下,我们先到可自动完成的文本框标记中看一下(译者注:<input type=text>),用Javascript制作一个可自动填写的文本框(三),autocomplete()方法将给出三个参数:作用于的文本框的对

Ø 对autocomplete()的补充

对autocomplete() 方法补充一下,我们先到可自动完成的文本框标记中看一下(译者注:<input type=text>),autocomplete()方法将给出三个参数:作用于的文本框的对象oTextbox对象,event(事件)对象。调用方法如下:

<input type=”text” onkeyup=”return autocomplete(this, event, arrValues)” />

考虑到在文本框中触发onkeypress事件(译者更正:应该使用onkeyup事件,以保证字符已被输入)的第一个键的键码:

function autocomplete(oTextbox, oEvent, arrValues) {
switch (oEvent.keyCode) {
...
}
}

有许多按键需要被屏蔽,如光标键,只需要在下面指定的case语句中返回true

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;
...
}
}

默认的case语句:当用户键入一个字符。

在这个case语句中需要完成以下几个步骤:

1. 用键入的字符替换已选择的文本。(译者注:这一步似乎并没有必要)

1 2 3 4  下一页

Tags:Javascript 制作 一个

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