?? 3.32 選取textarea的指定行.htm
字號:
<HTML>
<HEAD>
<SCRIPT language="javascript">
function getTxtRow(num, mytxt) //獲取指定行的方法-第二個參數(shù)為文本框ID
{
//獲取文本框內(nèi)當(dāng)前光標(biāo)的位置
var range = document.getElementById(mytxt).createTextRange();
var rect = range.getClientRects();//返回一個矩形
var left = rect[0].left;
if(num > rect.length - 1 || num < 0)
return;
if(num == 0) //選擇第一行的情況
{
//設(shè)置選擇范圍
var right = rect[0].right;
range.moveEnd("character",-range.text.length);
while(range.offsetLeft + range.boundingWidth < right)
{
range.expand("character");
}
return range;
}
else
{
//設(shè)置選擇范圍
var right = rect[num].right;
var range = getTxtRow(num - 1, mytxt);
range.moveStart("character",range.text.length + 1);
while((range.offsetLeft + range.boundingWidth) < right)
{
range.expand("character");
}
if(range.offsetLeft > left)
range.moveStart("character",-1);
return range;
}
}
//選擇指定行數(shù)的犯法
function getText(num)
{
var range = getTxtRow(num,"txt")//調(diào)用真正的獲取行方法
if(range != null) //如果指定的行內(nèi)容不為空
{
alert(range.text);
range.select(); //選擇指定的行
}
}
</SCRIPT>
</HEAD>
<BODY>
<textarea cols="30" rows="6" id="txt">
這是第一行
這是第二行
這是第三行
</textarea ><p>
<input type="button" onclick="getText(1)" value="選擇第二行">
</BODY>
</HTML>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -