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

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

 2010-09-14 13:32:21 来源:WEB开发网   
核心提示: Ø 选择文本框---------?D?D在这过程的第一步是创建一个方法,这个方法可以在一个文本框中选择确定的文本数,用Javascript制作一个可自动填写的文本框(一)(2),我将调用这个方法 textboxSelect() , 它有三个参数,第一个参数是让这个方法作用于的

Ø 选择文本框

---------?D?D

在这过程的第一步是创建一个方法,这个方法可以在一个文本框中选择确定的文本数。我将

调用这个方法 textboxSelect() , 它有三个参数,第一个参数是让这个方法作用于的对象:oTextbox;第二个参数是非必选项,它指示了选择的起始位置(如果这个参数被忽略,那么全部的文本都被选择);第三个参数,同样是非必选项,指示了选择的结束位置。如果提供了第二个参数,但第三个参数未提供,在文本框中被选的文本将从起始位置到结束位置。

我们写一个非常容易理解的格式:如果仅有一个参数提供,那么我们就使用文本框的原型方法select() 在这个文本框中以选择所有的文本:

function textboxSelect(oTextbox, iStart, iEnd) {
switch(arguments.length) {
case 1:
oTextbox.select();
break;
...
}
}

在这里我们使用了switch语句测试有多少个参数输入。如果仅有一个,即只有oTextbox被

输入。下一步, 我们跳到有三个参数都被选择的case语句的开始处(iStart和iEnd都被选择)。

这里,我们需要用一个浏览器检测一下这个方法所做的一切,对于IE浏览器,我们将使用一个文本范围对象。

function textboxSelect (oTextbox, iStart, iEnd) {
switch(arguments.length) {
case 1:
oTextbox.select();
break;
case 3:
if (isIE) {
var oRange = oTextbox.createTextRange();
oRange.moveStart("character", iStart);
oRange.moveEnd("character", -oTextbox.value.length + iEnd);
oRange.select();
} else if (isMoz) {
...
}
}
}

Tags:Javascript 制作 一个

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