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()>
相关文章推荐
- JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容
- createTextRange()的使用示例含文本框选中部分文字内容
- 选中文本框中的部分内容 然后用下拉框选值去替换
- createTextRange()的使用示例含文本框选中部分文字内容
- 【jQuery插件】insertContent-在文本框光标位置插入内容并选中
- 当鼠标滑过文本框自动选中输入框内容的JS代码分享
- 自定义insertContent方法的JQuery插件实现在文本框光标位置插入内容并选中
- 当鼠标滑过文本框自动选中输入框内容JS代码
- 当鼠标滑过文本框自动选中输入框内容的JS代码分享
- js获取网页鼠标选中部分的内容,包含html代码
- js在contenteditable="true"文本框光标处插入内容
- js获取网页鼠标选中部分的内容
- js从text或textarea文本框中选择部分文本,并取得选择的内容
- JS中:关于form中的Checkbox的操作: document.getElementsByName("name"),如何取消选中状态,如何将文本框内容清空
- 【网络搜集】JS在文本框光标处插入文字内容的实例
- 文本框获得光标后,文本框中的值覆盖(选中)。类似于网页地址栏点击后内容选中,变蓝
- js选择文本框内的部分内容
- createTextRange()的使用(含文本框选中部分文字内容)
- js实现鼠标点击文本框自动选中内容的方法