JS设置光标选中text中指定文字
2012-04-11 16:15
232 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var setCursorPos = function(el, pos){
if(el.createTextRange){
var rng = el.createTextRange(); //新建textRange对象
rng.moveStart('character', pos); //更改rng对象的开始位置
rng.collapse(true); //光标移动到范围结尾
rng.select();//选中
el.focus();
}else if(el.setSelectionRange){
el.focus(); //先聚集
el.setSelectionRange( pos , pos ); //设光标
}
}
</script>
</head>
<body>
<input type="text" id="aaa" value="abcdefghijk123456789"/><input type="button" value="test" onclick="setCursorPos(document.getElementById('aaa'),10);"/>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var setCursorPos = function(el, pos){
if(el.createTextRange){
var rng = el.createTextRange(); //新建textRange对象
rng.moveStart('character', pos); //更改rng对象的开始位置
rng.collapse(true); //光标移动到范围结尾
rng.select();//选中
el.focus();
}else if(el.setSelectionRange){
el.focus(); //先聚集
el.setSelectionRange( pos , pos ); //设光标
}
}
</script>
</head>
<body>
<input type="text" id="aaa" value="abcdefghijk123456789"/><input type="button" value="test" onclick="setCursorPos(document.getElementById('aaa'),10);"/>
</body>
</html>
相关文章推荐
- TextView部分文字设置指定颜色和大小和字体
- EditText设置/隐藏光标位置、选中文本和获取/清除焦点
- 设置自定义的Edittext的光标是否显示和被选中文字的背景色
- TextView设置指定部分文字改变颜色,和指定部分文字点击事件
- 图文混排中,在textView的指定光标下插入文字或图片
- Android--Android教程]EditText设置/隐藏光标位置、选中文本和获取/清除焦点
- JS如何设置打开页面后将光标定位在指定的输入框?
- EditText设置/隐藏光标位置、选中文本和获取/清除焦点
- Android--Android教程]EditText设置/隐藏光标位置、选中文本和获取/清除焦点
- EditText设置/隐藏光标位置、选中文本和获取/清除焦点
- EditText设置/隐藏光标位置、选中文本和获取/清除焦点(转)
- 在光标选中位置插入文字js
- EditText设置/隐藏光标位置、选中文本和获取/清除焦点
- js设置输入框失去光标与光标选中时样式
- EditText设置/隐藏光标位置、选中文本和获取/清除焦点
- [Android教程]EditText设置/隐藏光标位置、选中文本和获取/清除焦点
- 设置密码输入框光标未选中为提示文字,输入密码不可见的实现
- 代码设置textField文字的选中
- [Android教程]EditText设置/隐藏光标位置、选中文本和获取/清除焦点
- Android开发中EditText设置/隐藏光标位置、选中文本和获取/清除焦点