`
zgqynx
  • 浏览: 1366476 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js 定位 光标 到输入框的 指定位置

阅读更多
//从此处摘得
http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_21445351.html
Use this function:
function positionCursor(input, position) {
      var range = input.createTextRange();
      range.collapse(true);
      range.moveStart('character', position);
      range.select();
}


Called like so:

onfocus="positionCursor(this, this.length)"
分享到:
评论

相关推荐

    将光标定位于输入框最右侧实现代码

    在前端开发中,有时我们需要通过JavaScript来实现一些特殊交互效果,比如将光标自动定位到输入框的最右侧。这通常发生在用户不直接通过鼠标点击输入框,而是由程序逻辑控制光标位置的情况,比如编辑图片描述或使用...

    JS将光标聚焦在文本最后的实现代码

    `:移动文本范围的起始位置到文本输入框的末尾。`'character'`参数指定了移动单位,这里是字符。`e.value.length`获取输入框中的文本长度,所以这一步是将范围设置为从输入框末尾开始。 4. `r.collapse(true);`:这...

    基于jQuery的输入框在光标位置插入内容, 并选中

    总结来说,该段代码通过jQuery的扩展功能,提供了一种在输入框中任意位置插入文本并进行选择的方法,解决了原生JavaScript在不同浏览器之间兼容性的问题,同时考虑了光标定位和文本选择的细节。这对于开发者在实际...

    前端项目-Caret.js.zip

    2. **设置光标位置**:开发者可以使用这个库设置光标到指定位置,这在需要将用户焦点引导到特定位置时非常有用,比如在错误输入后重新定位光标。 3. **获取偏移量**:`Caret.js` 还提供了计算光标相对于文本起始...

    JS实现在文本指定位置插入内容的简单示例

    JS实现在文本指定位置插入内容是一个十分常见的前端操作,主要依赖于JavaScript语言中的一些操作DOM的方法和属性。从给出的示例中,我们可以学到如何根据不同浏览器(如IE、Firefox、Chrome等)来实现这一功能,并且...

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

    1. 对于IE和其他旧版本的浏览器,使用`createTextRange`方法创建一个文本范围对象,使其折叠到起始位置,然后使用`moveEnd`和`moveStart`移动光标到指定位置,最后通过`select`方法选中这个范围。 2. 对于现代浏览器...

    jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后

    这个功能特别适用于输入框(input),用于在用户开始交互前定位光标,以方便用户继续输入。 当我们要实现一个功能,即在输入框获得焦点时,自动把光标移到内容的最后,jQuery的`focus()`函数就可以派上用场。这是...

    基于jQuery实现的设置文本区域的光标位置

    如果支持`createTextRange`方法,则创建一个文本范围(TextRange),使用`moveEnd`和`moveStart`方法定位到指定的位置,然后调用`select`方法来选中文本。 此外,还介绍了如何使用`setCaretToPos`函数来设置光标...

    js 公式编辑器 – 自定义匹配规则 – 带提示下拉框 – 动态获取光标像素坐标

    同时,利用`getStart`函数来获取当前光标的位置,这通常涉及到对`range`对象的理解和使用,以便在不同的浏览器环境中正确地处理文本范围和光标位置。 总的来说,js公式编辑器通过自定义匹配规则和提示下拉框提供了...

    JavaScript 经典代码大全

    13. 光标自动定位到文本框末尾:`onfocus="cc()"`事件绑定的函数`cc()`会确保光标始终位于文本框内容的最后。 14. 判断上一页来源:`document.referrer`返回的是用户从哪个页面跳转到当前页面的URL,这对于追踪用户...

    js 禁止保存、屏蔽、缓存、页面保护

    12. 获取控件的绝对位置:JavaScript 和 VBScript 提供的方法可以计算元素相对于文档顶部和左边的偏移量,这对于定位和交互设计非常有用。 13. 光标定位:`cc` 函数用于确保光标始终位于文本框的末尾。它利用 `...

    JavaScript经典代码大全

    10. 文本框光标定位:`<script language="javascript">function cc(){...}</script><input type=text name=text1 value="123" onfocus="cc()">` 当文本框获得焦点时,自动将光标移动到文本末尾。 11. 获取上一页...

    经典 js 经典 js 经典 js

    **解释**:此代码段用于自动将光标定位到文本框的末尾。这对于需要用户立即输入内容的场景非常有用。 ### 15. 获取前一页的URL **代码示例**: ```javascript document.referrer ``` **解释**:`document....

    网页常用小技巧JavaScript

    7. **控制文本输入框光标位置**:在文本输入框聚焦时,自动将光标定位到文本末尾,提供更好的用户体验。 - 示例代码:`()">` 配合 `cc()` 函数实现。 ### 四、高级功能探索 8. **获取引用页面地址**:通过 `...

    常用js脚本收集javascript

    通过调用`cc()`函数,可以在输入框获得焦点时自动将光标定位到最后一个字符之后,提高了用户体验。 ### 知识点15:获取前一页面的URL ```javascript document.referrer ``` 通过读取`document.referrer`属性,可以...

    40种网页常用小技巧(JavaScript)

    当用户聚焦到输入框时,光标会自动移动到输入框的最后位置。这对于输入密码或其他需要快速定位到末尾的情况非常有用。 ### 九、其他实用技巧 #### 15. 获取当前页面来源 ```javascript document.referrer ``` 此...

    JavaScript常用50例

    11. 光标定位:通过创建并选中文本范围(`TextRange` 对象)来实现光标始终位于文本框的末尾。当文本框获得焦点时,会自动执行这个功能。 12. `document.referrer`:返回用户从哪个URL访问当前页面,可以用来分析...

    Javascript中最常用的125个经典技巧.txt

    当输入框获得焦点时,此函数将光标移动到输入框末尾。 ### 九、获取引用来源 #### 15. 获取页面引用来源 ```javascript document.referrer ``` 此属性返回包含一个URL字符串的只读值,该字符串指示了当前文档是从...

Global site tag (gtag.js) - Google Analytics