JavaScript选定textarea的特定行[转]

转至：http://school.cnd8.com/javascript/jiaocheng/50984.htm

通常状况下,大家都使采用判断来判断textarea控件中含有多少行,但是,有这么一种情况,就是没有使用回车,而是字符过宽而textarea自动换的行,很显然,上面那种方法就不可行了.

这里,封装了一个方法getTextRange(num,areaId),这个方法只需要传入textarea的id及其需要的行号,即可以返回指定行,为了灵活,这里没有返回指定行的文本,而是返回了指定行的一个trange对象,如果需要文本,只需调用trange对象的text属性即可.

<SCRIPTlanguage="javascript">

/**

*addedbyLxcJie2004.7.16

*返回指定行的range对象

*num为行号，areaId为textarea的id

*/

functiongetTextRange(num,areaId)

{

varrange=document.all(areaId).createTextRange();

varrect=range.getClientRects();

varleft=rect[0].left;

if(num>rect.length-1||num<0)

return;

if(num==0)

{

varright=rect[0].right;

range.moveEnd("character",-range.text.length);

while(range.offsetLeft+range.boundingWidth<right)

{

range.expand("character");

}

returnrange;

}

else

{

varright=rect[num].right;

varrange=getTextRange(num-1,areaId);

range.moveStart("character",range.text.length+1);

while(range.offsetLeft+range.boundingWidth<right)

{

range.expand("character");

}

if(range.offsetLeft>left)

range.moveStart("character",-1);

returnrange;

}

}

functiongetText(num)

{

varrange=getTextRange(num,"area")

if(range!=null)

{

alert(range.text);

range.select();

}

}

</SCRIPT>

<TEXTAREAcols="50"rows="10"id="area">

客从东方来，衣上灞陵雨。

问客何为来，采山因买斧。

冥冥花正开，扬扬燕新乳。

昨别今已春，鬓丝生几缕。

</TEXTAREA><p>

<inputtype="button"onClick="getText(0)"value="选第一行">

<inputtype="button"onClick="getText(1)"value="选第二行">

<inputtype="button"onClick="getText(2)"value="选第三行">

<inputtype="button"onClick="getText(3)"value="选第四行">