`
莫生气
  • 浏览: 866098 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

转：js得到光标位置

光标位置 js 
阅读更多 
<html>
<textarea   rows="7"   cols="49"   id="box"   onclick=tellPoint()>
fasdfsdafsdafsafsadsdfsdfasfsafdsadfsadfsaf
  </textarea>
  <script   language="javascript">
  function   tellPoint()
  {
    var   rng   =   event.srcElement.createTextRange();
    rng.moveToPoint(event.x,event.y);
    rng.moveStart("character",-event.srcElement.value.length);
    pnum.value   =   rng.text.length;
  }
  </script>  <p></p>                   
  光标位置：<input   type="text"   value="0"   id="pnum"   size="8">   
</html>
分享到：
| 转：用JavaScirpt在Textarea中插入元素（光 ...
评论
发表评论

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

相关推荐

    Javascript 获取光标位置

    JavaScript获取光标位置是网页开发中的一个重要功能，它在用户输入、文本编辑或者富文本处理等场景中扮演着关键角色。这个功能可以帮助开发者精确地控制用户在文本输入框中的光标定位，例如在某些特定字符后插入文本...

    javascript获得光标所在的文本框(text textarea)中的位置.docx

    console.log('光标位置:', position); ``` 6. **扩展功能**： - **设置光标位置**：使用`setSelectionRange`方法。 - **光标位置监听**：可以通过监听`input`事件或`keyup`事件来持续跟踪光标位置的变化。 - *...

    js获得光标坐标

    很好的兼容了IE、Chrome、火狐等多种主流浏览器，轻松获得指定控件光标所在位置的坐标。 用法： var elem = document.getElementById(控件id); var p = kingwolfofsky.getInputPositon(elem); p.left;//获得指定...

    JS在TextArea光标位置插入文字并实现移动光标到文字末尾

    在JavaScript中，操作文本输入域，如`&lt;textarea&gt;`，涉及到光标位置的处理时，通常需要使用到浏览器提供的API。对于不同的浏览器，这些API可能会有所差异。在处理`&lt;textarea&gt;`光标位置插入文字并移动光标到文字末尾的...

    javascript控制在光标位置插入文字适合表情的插入

    标题中的"javascript控制在光标位置插入文字适合表情的插入"描述了一种使用JavaScript实现的功能，即在文本框（textarea）的当前光标位置插入特定的文字或表情。这个功能常见于许多聊天应用或编辑器中，允许用户在...

    在textarea光标处插入文本

    本文将详细介绍如何使用JavaScript在`textarea`的光标位置插入文本。该方法适用于多种浏览器环境，包括Internet Explorer（IE）和其他基于Mozilla的浏览器（如Firefox）。我们将通过分析提供的代码示例来深入理解其...

    获取光标处的颜色

    首先，我们要理解如何在不同的编程环境中获取光标位置。在Windows操作系统中，可以使用Windows API函数GetCursorPos来获取鼠标的屏幕坐标。该函数会返回一个POINT结构，包含了X和Y坐标。在其他平台如Linux或macOS上...

    javascript获取以及设置光标位置

    在网页开发中，有时我们需要动态地获取或设置文本输入框中的光标位置，以及获取或选中用户已经选中的文本。本文将介绍如何使用JavaScript来实现这些功能。 首先，我们来看看如何获取光标的位置。可以通过一个名为...

    javascript获得光标所在的文本框(text/textarea)中的位置

    除了使用`selectionStart`和`selectionEnd`属性来获得光标位置，还可以使用`setSelectionRange()`方法来设定光标的位置。这对于自定义文本输入行为非常有用，比如实现一个“删除到行首”的功能。 例如，如果想要将...

    JavaScript记录光标在编辑器中位置的实现方法

    当`&lt;textarea&gt;`获得焦点或者用户进行键入、鼠标按下、鼠标释放等操作时，会触发`savePos`函数，并将`selection_start`值显示在`&lt;input&gt;`文本框中，从而验证光标位置是否被正确记录。 文章最后提供了更多关于...

    光标定位方法

    对于Firefox和其他现代浏览器，可以直接通过`selectionStart`属性获取光标位置： ```javascript if (ctrl.selectionStart || ctrl.selectionStart == '0') { CaretPos = ctrl.selectionStart; } ``` `...

    jquery实现在光标位置插入内容的方法

    此外，文档中通过使用`substring()`方法来获取和修改输入框中当前光标位置之前和之后的字符串，以及使用`text`、`val`、`focus`等方法来与输入框交互，这些都是常见的JavaScript操作，是开发者必须掌握的基本技能。...

    JQuery在光标位置插入内容的实现代码

    在网页开发中，有时我们需要在用户输入的文本框（`&lt;input&gt;`或`&lt;textarea&gt;`）的光标位置动态插入内容。JQuery提供了一个方便的方法来实现这一功能，特别是考虑到不同浏览器之间的兼容性问题，例如IE和Firefox的差异。...

    JS在可编辑的div中的光标位置插入内容的方法

    3. 获取光标位置： - 使用原生JS获取光标位置时，需要用到window.getSelection()方法来获取当前选中的文本范围（Range对象），然后通过range.startOffset属性可以得知光标位置在选中的文本范围中的偏移量。 - 使用...

    用javascript获取当页面上鼠标光标位置和触发事件的对象的代码

    在以下的代码片段中，我们定义了一个名为 `mousePosition` 的函数，该函数接收 `event` 参数，并计算鼠标的位置： ```javascript function mousePosition(ev) { if (ev.pageX || ev.pageY) { return { x: ev....

    js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器

    知识点一：跨浏览器获取输入框光标位置的方法 为了兼容IE、Chrome、火狐等主流浏览器，我们可以通过JavaScript获取输入框中光标的位置。这需要利用不同浏览器各自支持的DOM属性或方法。在这个示例中，使用了IE的...

    javascript经典特效---光标选择输入框.rar

    这个压缩包很可能包含了一个示例文件，用于演示如何用JavaScript来控制输入框的光标位置，以及实现选中特定文本的效果。 【描述】虽然描述部分重复了多次，但我们可以推测这可能是一个强调重点的提示，可能意味着这...

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

    对于不同类型的浏览器，我们需要使用不同的方法来设置光标位置： 1. 对于IE和其他旧版本的浏览器，使用`createTextRange`方法创建一个文本范围对象，使其折叠到起始位置，然后使用`moveEnd`和`moveStart`移动光标到...

    往光标所在位置插入值的js代码

    代码如下: ”code” class=”javascript”&gt;/** *往输入域中插入字符串(光标所在位置) *@param $t document.getElementById(‘fieldId’) *@param myValue 要插入的值 ** function addSplitToField($t,myValue){ if ...

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