如何从输入字段中获取插入符号位置?

我通过谷歌找到了一些碎片,但没有防弹的.

基本上,像jQuery插件这样的东西是理想的,所以我可以简单地做

$("#myinput").caretPosition()

推荐答案

Easier update:

使用field.selectionStart example in this answer.

感谢@commonSenseCode指出这一点.


Old answer:

找到了这个解决方案.不是基于jquery的,但将其集成到jquery中没有问题:

/*
** Returns the caret (cursor) position of the specified text field (oField).
** Return value range is 0-oField.value.length.
*/
function doGetCaretPosition (oField) {

  // Initialize
  var iCaretPos = 0;

  // IE Support
  if (document.selection) {

    // Set focus on the element
    oField.focus();

    // To get cursor position, get empty selection range
    var oSel = document.selection.createRange();

    // Move selection start to 0 position
    oSel.moveStart('character', -oField.value.length);

    // The caret position is selection length
    iCaretPos = oSel.text.length;
  }

  // Firefox support
  else if (oField.selectionStart || oField.selectionStart == '0')
    iCaretPos = oField.selectionDirection=='backward' ? oField.selectionStart : oField.selectionEnd;

  // Return results
  return iCaretPos;
}

Javascript相关问答推荐

JavaScript setSYS()是否有可能更早触发?

v-textfield的规则找不到数据中声明的元素

使用useParams路由失败

对象和数字减法会抵消浏览器js中的数字

如何解决CORS政策的问题

为什么当我解析一个promise时,输出处于挂起状态?

有没有可能使滑动img动画以更快的速度连续?

为什么!逗号和空格不会作为输出返回,如果它在参数上?

Promise Chain中的第二个useState不更新

CheckBox作为Vue3中的一个组件

如何在 cypress 中使用静态嵌套循环

如何迭代叔父元素的子HTML元素

try 使用javascript隐藏下拉 Select

在HTML语言中调用外部JavaScript文件中的函数

将内容大小设置为剩余可用空间,但如果需要,可在div上显示滚动条

使用js构造一个html<;ath&>元素并不能使其正确呈现

Use Location位置成员在HashRouter内为空

打字脚本中方括号符号属性访问和拾取实用程序的区别

如何使用Astro优化大图像?

FireBase FiRestore安全规则-嵌套对象的MapDiff