js光标定位操作
1、打开网页后将光标定位到某个Text文本框中
var alem= document.getElementById('txt_HeadLine');
alem.focus();2、打开网页后Text文本框内已经有了从数据库里读出来的内容,需要将光标定位到这个Text某个字符后面,要将光标定位到冒号后面(不分中文或英文输入法),如果内容中没有冒号就就光标定位到最前面
要考虑到浏览器的兼容性 :
//页面加载完成触发此事件,将光标定位到第一个冒号(中英文)的后面
onload = function () {
var alem = document.getElementById('txt_Title');
alem.focus();
var len = 0;
if (alem.value.indexOf(":") != -1) { //英文冒号
len = alem.value.indexOf(":") + 1;
}
else if (alem.value.indexOf(":") != -1) { //中文冒号
len = alem.value.indexOf(":") + 1;
}
if (len == 0) {
return;
}
if (alem.createTextRange) { //IE浏览器
var sel = alem.createTextRange();
sel.moveStart("character", len);
sel.collapse();
sel.select();
}
else { //非IE浏览器 包括mozilla,chrome,safari
alem.selectionStart = len;
}
};3、选中一段文字
alem.selectionStart = 3; //起始位置
alem.selectionEnd = 16; //结束位置4、自动选中区域内容
<html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>自动选择文本框/编辑框中的文字</title>
<script type="text/javascript">
function Myselect_txt(){
if (document.form1.title.focus){
document.form1.title.select();}
}
function Myselect_txtarea(){
if (document.form1.content.focus){
document.form1.content.select();}
}
</script>
<form name="form1">
<input name="title" type="text" size="50" value="今日新闻头条" onClick="Myselect_txt()">
<textarea name="content" cols="50" rows="6" onClick="Myselect_txtarea()">今日,据相关方面报道,...</textarea>
</form>
</html>本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!