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

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

ExchangeJavaScriptHTML 
阅读更多
//从此处摘得
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)"
分享到：
| weblogic jsp编译生成的class存放路径
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    在前端开发中，有时我们需要通过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字符串的只读值，该字符串指示了当前文档是从...

Magicbox
Global site tag (gtag.js) - Google Analytics