我们在项目开发过程中,会遇到这么一个问题:页面有个搜索框,点击搜索按钮或者回车键搜索后,文本框的光标置于文字前方,不便于继续输入,影响操作,我们需要将光标置于文本之后,这时我就需要下面这段代码来控制光标。
<script type="text/javascript">
var Browser_Name=navigator.appName;
var isIE=(Browser_Name=="Microsoft Internet Explorer");//判读是否为ie浏览器
var textNode=document.getElementById("keyword");//keyword为要操作的文本框的ID,根据情况修改
var count=textNode.value.length;
if(isIE){//IE
var f = textNode.createTextRange();//创建文本范围对象
f.moveStart('character',count); //更改范围起始位置/*如果count改为0就把光标放在text中的字符的最前面*/
f.collapse(true); //将插入点移动到当前范围的开始或结尾。
f.select(); //将当前选中区置为当前对象,执行
}else{//FireFox
textNode.setSelectionRange(count,count);
}
</script>
将上面这段代码放在自己需要的地方,就可以了,操作简单,易用。
相关推荐
VB文本框控制程序,控制文本框光标位置,全部选择功能VB6.0源代码。可控制光标被移动到文本的开头处、光标被移动到文本的第三个字符后面、光标被移动到文本的结尾处等,具体的实现代码: Private Sub Option1_Click...
JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容、兼容IE8,很好的例子!
VC 为文本框控件的光标设置输入焦点,焦点就是文本框默认出现光标的位置,光标默认在第几个文本框中显示,本代码将向你演示如何设置默认的文本框光标。下面是相关的代码: //获得编辑框窗口 CEdit* pEdit1 = ...
JS获取文本框光标位置、选中起始位置、终止位置、选择内容
主要介绍了javascript设置文本框光标的方法,结合实例形式总结分析了javascript针对文本框光标的位置、设置及文本操作的相关技巧,需要的朋友可以参考下
该程序不仅能阻止用户从键盘输入非整形数据,而且还能检测用户粘贴和拖放的数据是否合法!代码中有详细解释,相信稍微懂js的人都能看懂!
javascript控制文本框输入数字
js 实现 使用checkbox控制文本框! 值得下载看看!资源免费,大家分享!!
插件描述:插件可以获取和设置文本框的光标位置和选中指定范围内的文本。 参考实例:http://www.jq22.com/jquery-info5094
本篇文章主要介绍了JavaScript自定义文本框光标的方法实例,具有很好的参考价值。下面跟着小编一起来看下吧
js控制文本框只能输入正整数和逗号,且检查字符是否是数字
JavaScript实现文本框提示 JavaScript实现文本框提示 JavaScript实现文本框提示 JavaScript实现文本框提示
编辑框光标位置插入文本
控制光标移开文本框,API
通过VC实现设定静态文本框的背景色和文本颜色,适合初学者。
QT封装的文本框,标签在文本框上,点击文本框后,标签上浮,光标从文本框移走后,如果文本框文本为空,则标签下浮到原始位置,文本框显示下边框,文本框获取光标时,下边框从中心向两侧动画展开,文本框失去光标时,...
文本框示例程序,控制光标位置,全部选择功能VB6.0源代码
在开发应用中,经常会遇到一些技术上的问题,比如:怎样让js在文本框光标处添加字符,本文将以此问题进行详细介绍,需要了解的朋友可以参考下
js限制文本框只输入正整数 js限制文本框只输入正整数