您的位置:首页 > Web前端 > JavaScript

js光标选中文本框部分内容

2013-02-21 14:11 323 查看
用focus()方法是高亮全部文本

<SCRIPT>

function   selectLength(textbox,start,len)   //设置高亮(对象,开始位置,长度)

{

try

{

var   r   =textbox.createTextRange();

r.moveEnd('character',len-(textbox.value.length-start));

r.moveStart('character',start);

r.select();

}

catch(e)

{

}

}

function   getCaret(textbox)   //得到高亮的文本的结束位置

{

var rang   =   document.selection.createRange();

rang.setEndPoint("StartToStart",textbox.createTextRange());

alert(rang.text.length);

}

function   setCaret(textbox,start)  //设置高亮(对象,位置)

{

try

{

var   r   =textbox.createTextRange();

r.moveStart('character',start);

r.select();

}

catch(e)

{}

}

function   setSelect(){var   range   =   document.body.createTextRange();

range.moveToElementText(demo)

range.moveEnd('character',-1*parseInt(document.all.s.value));

range.moveStart('character',-1+parseInt(document.all.b.value));

range.select();

}

</SCRIPT>

<INPUT TYPE="button" VALUE="设置高亮(对象,开始位置,长度)" onclick="selectLength(document.all('test'),1,2)">

<INPUT TYPE="button" VALUE="得到高亮的文本的结束位置" onclick="getCaret(document.all('test'))">

<INPUT TYPE="button" VALUE="设置高亮(对象,位置)" onclick="setCaret(document.all('test'),3,3)">

<INPUT TYPE="text" id="test">

<p>

//设置选择

<div   id=demo>光标定位.abcdefghijklmnopqrstuvwxyz</div>

<br>从正数<input   id=b   value=4   size=4>   到   倒数第<input   id=s   value=4   size=4>位   <input   value="设置文本选择"   type=button   onclick=setSelect()>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: