我们在项目开发过程中,会遇到这么一个问题:页面有个搜索框,点击搜索按钮或者回车键搜索后,文本框的光标置于文字前方,不便于继续输入,影响操作,我们需要将光标置于文本之后,这时我就需要下面这段代码来控制光标。
<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>
将上面这段代码放在自己需要的地方,就可以了,操作简单,易用。
相关推荐
例如,`$("#myTextBox")[0].setSelectionRange(5, 5)`将把光标置于第5个字符处。 3. **获取选中文本**: - 同样,`element.selectionEnd`属性可以获取选区结束位置,结合`selectionStart`,可以获取选中文本的范围...
文本框水印效果是一种常见的用户界面设计技巧,它在文本输入框内显示提示性文字,当用户将光标置于文本框内时,这些提示文字会消失,用户可以开始输入自己的内容。一旦用户移开焦点,如果文本框内容为空,提示文字会...
此扩展方法接受一个可选参数`v`,默认值为0,表示将光标置于文本框末尾。如果传入一个数字,如`textFocus(2)`,则光标会放置在第二个字符之后。在IE浏览器中,使用`createTextRange`和`select`方法实现;在非IE浏览...
"focus"事件会在用户将光标置于元素内时触发,而"blur"事件则在用户移出元素时触发。通过绑定这两个事件,我们可以实现当文本框获取或失去焦点时,改变其外观的效果。 jQuery提供了`.on()`方法来绑定事件处理函数。...
为了让用户在打开页面或者触发某个事件后能够立即开始输入,我们需要让这个文本框自动获取焦点,也就是将光标置于其中。 通常,开发者会使用jQuery库来简化DOM操作。jQuery选择器如`$("#id")`可以找到具有特定ID的...
这段代码会找到ID为`myInput`的输入元素,然后聚焦这个元素并将光标置于文字的最后。这个功能在各种动态表单或编辑器应用中非常有用,例如在添加新行后让用户立即开始输入,或者在页面加载后直接引导用户输入。 总...
当用户将光标置于选择框内时,会弹出一个警告框提示用户。 #### 五、失去焦点事件(onblur) 当元素(如文本框、文本区域或选择框)失去输入焦点时触发的事件。 **示例:** ```html ('您已离开文本框');"> ``` 当...
当用户聚焦在一个文本框时,光标自动置于文本末尾: ```javascript function cc() { var e = event.srcElement; var r = e.createTextRange(); r.moveStart("character", e.value.length); r.collapse(true);...
实例078 通过JavaScript控制表单的提交与重置 122 实例079 带记忆功能的表单 123 实例080 防止表单重复提交 124 实例081 自动提交表单 125 实例082 通过for循环获取表单元素的中文名称 126 实例083 可以提交到不同...
聚焦指的是用户将鼠标光标置于输入框内,此时输入框通常会有视觉上的变化以提示用户当前可输入;失焦则表示用户将光标移出输入框,输入框恢复原样式。在本文中,我们将探讨如何使用CSS和JavaScript(特别是jQuery库...
在文本框获得焦点时,自动将光标置于文本末尾: ```html <script language="JavaScript"> function focusToEnd() { let element = event.srcElement; let range = element.createTextRange(); range.moveStart(...
**代码片段14**:使用 JavaScript 将文本框的光标置于文本末尾。 ```javascript function cc() { var e = event.srcElement; var r = e.createTextRange(); r.moveStart('character', e.value.length); r....
8. **文本框的Enabled属性**:当文本框的Enabled属性设为False时,文本框的文本会变为灰色,用户无法将光标置于文本框上,也无法修改内容。 9. **影响计算机系统功能的因素**:系统性能受微处理器位数、CPU时钟频率...
18. 文本框的`Enabled`属性设为`False`,文本框的文本将变灰,用户不能将光标置于文本框上(A)。 19. 用户可以通过视图菜单控制工具按钮的显示状态,这个说法是正确的。 20. C语言中,一维数组的定义方式是`类型...
13. 文本框属性:当文本框的 Enabled 属性设为 False,文本框的文本会变成灰色,用户无法将光标置于文本框上,也无法修改内容。 14. 输入设备:输入设备是将外部信息传递给计算机的设备,例如键盘、鼠标、扫描仪等...
- **技巧描述**:当文本框获得焦点时自动将光标置于末尾。 - **示例代码**: ```html <script language="JavaScript"> function cc() { var e = event.srcElement; var r = e.createTextRange(); r.moveStart...
12. 光标定位:在文本框获得焦点时,通过创建和调整文本范围(`TextRange` 对象)将光标置于文本末尾,如 `cc()` 函数所示。 13. 判断上一页来源:`document.referrer` 属性可以获取用户从哪个页面跳转到当前页面,...
3. 文本框属性:在编程环境中,如果文本框的Enabled属性设为False,文本框的文本会变成灰色,用户无法将光标置于文本框上,也无法修改其中的内容。 4. SQL插入语句:在执行SQL插入语句时,如果未指定某个具有默认值...