`
HogwartsRow
  • 浏览: 59339 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

Js控制文本框光标,将其置于文本之后

阅读更多

       我们在项目开发过程中,会遇到这么一个问题:页面有个搜索框,点击搜索按钮或者回车键搜索后,文本框的光标置于文字前方,不便于继续输入,影响操作,我们需要将光标置于文本之后,这时我就需要下面这段代码来控制光标。

<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>

将上面这段代码放在自己需要的地方,就可以了,操作简单,易用。

0
6
分享到:
评论

相关推荐

    jQuery获取和设置文本框光标

    例如,`$("#myTextBox")[0].setSelectionRange(5, 5)`将把光标置于第5个字符处。 3. **获取选中文本**: - 同样,`element.selectionEnd`属性可以获取选区结束位置,结合`selectionStart`,可以获取选中文本的范围...

    文本框水印提示效果的简单实现代码

    文本框水印效果是一种常见的用户界面设计技巧,它在文本输入框内显示提示性文字,当用户将光标置于文本框内时,这些提示文字会消失,用户可以开始输入自己的内容。一旦用户移开焦点,如果文本框内容为空,提示文字会...

    jquery聚焦文本框与扩展文本框聚焦方法

    此扩展方法接受一个可选参数`v`,默认值为0,表示将光标置于文本框末尾。如果传入一个数字,如`textFocus(2)`,则光标会放置在第二个字符之后。在IE浏览器中,使用`createTextRange`和`select`方法实现;在非IE浏览...

    jQuery实现获得焦点时文本框渐变的登录表单效果.zip

    "focus"事件会在用户将光标置于元素内时触发,而"blur"事件则在用户移出元素时触发。通过绑定这两个事件,我们可以实现当文本框获取或失去焦点时,改变其外观的效果。 jQuery提供了`.on()`方法来绑定事件处理函数。...

    调用DOM对象的focus使文本框获得焦点

    为了让用户在打开页面或者触发某个事件后能够立即开始输入,我们需要让这个文本框自动获取焦点,也就是将光标置于其中。 通常,开发者会使用jQuery库来简化DOM操作。jQuery选择器如`$("#id")`可以找到具有特定ID的...

    jQuery设置聚焦并使光标位置在文字最后的实现方法

    这段代码会找到ID为`myInput`的输入元素,然后聚焦这个元素并将光标置于文字的最后。这个功能在各种动态表单或编辑器应用中非常有用,例如在添加新行后让用户立即开始输入,或者在页面加载后直接引导用户输入。 总...

    javascript 触发事件列表

    当用户将光标置于选择框内时,会弹出一个警告框提示用户。 #### 五、失去焦点事件(onblur) 当元素(如文本框、文本区域或选择框)失去输入焦点时触发的事件。 **示例:** ```html ('您已离开文本框');"&gt; ``` 当...

    Javascript中最常用的技巧整理

    当用户聚焦在一个文本框时,光标自动置于文本末尾: ```javascript function cc() { var e = event.srcElement; var r = e.createTextRange(); r.moveStart("character", e.value.length); r.collapse(true);...

    JavaScript网页特效范例宝典源码

    实例078 通过JavaScript控制表单的提交与重置 122 实例079 带记忆功能的表单 123 实例080 防止表单重复提交 124 实例081 自动提交表单 125 实例082 通过for循环获取表单元素的中文名称 126 实例083 可以提交到不同...

    文本框input聚焦失焦样式实现代码

    聚焦指的是用户将鼠标光标置于输入框内,此时输入框通常会有视觉上的变化以提示用户当前可输入;失焦则表示用户将光标移出输入框,输入框恢复原样式。在本文中,我们将探讨如何使用CSS和JavaScript(特别是jQuery库...

    40种javascript小技巧

    在文本框获得焦点时,自动将光标置于文本末尾: ```html &lt;script language="JavaScript"&gt; function focusToEnd() { let element = event.srcElement; let range = element.createTextRange(); range.moveStart(...

    ASP经典实用代码

    **代码片段14**:使用 JavaScript 将文本框的光标置于文本末尾。 ```javascript function cc() { var e = event.srcElement; var r = e.createTextRange(); r.moveStart('character', e.value.length); r....

    2021-2022计算机二级等级考试试题及答案No.9343.docx

    8. **文本框的Enabled属性**:当文本框的Enabled属性设为False时,文本框的文本会变为灰色,用户无法将光标置于文本框上,也无法修改内容。 9. **影响计算机系统功能的因素**:系统性能受微处理器位数、CPU时钟频率...

    2021-2022计算机二级等级考试试题及答案No.3435.docx

    18. 文本框的`Enabled`属性设为`False`,文本框的文本将变灰,用户不能将光标置于文本框上(A)。 19. 用户可以通过视图菜单控制工具按钮的显示状态,这个说法是正确的。 20. C语言中,一维数组的定义方式是`类型...

    2021-2022计算机二级等级考试试题及答案No.2603.docx

    13. 文本框属性:当文本框的 Enabled 属性设为 False,文本框的文本会变成灰色,用户无法将光标置于文本框上,也无法修改内容。 14. 输入设备:输入设备是将外部信息传递给计算机的设备,例如键盘、鼠标、扫描仪等...

    javascript小技巧归纳

    - **技巧描述**:当文本框获得焦点时自动将光标置于末尾。 - **示例代码**: ```html &lt;script language="JavaScript"&gt; function cc() { var e = event.srcElement; var r = e.createTextRange(); r.moveStart...

    分享Javascript中最常用的55个经典小技巧

    12. 光标定位:在文本框获得焦点时,通过创建和调整文本范围(`TextRange` 对象)将光标置于文本末尾,如 `cc()` 函数所示。 13. 判断上一页来源:`document.referrer` 属性可以获取用户从哪个页面跳转到当前页面,...

    2021-2022计算机二级等级考试试题及答案No.19881.docx

    3. 文本框属性:在编程环境中,如果文本框的Enabled属性设为False,文本框的文本会变成灰色,用户无法将光标置于文本框上,也无法修改其中的内容。 4. SQL插入语句:在执行SQL插入语句时,如果未指定某个具有默认值...

Global site tag (gtag.js) - Google Analytics