用Javascript制作一个可自动填写的文本框(一)
2010-09-14 13:32:21 来源:WEB开发网Ø 选择文本框
---------?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 制作 一个
编辑录入:爽爽 [复制链接] [打 印]更多精彩
赞助商链接