如何使用javascript / jquery以编程方式在文本字段中设置光标位置

时间:2015-12-02 13:31:08

标签: javascript jquery

实际上,我想要实现一个不在ipad中的功能。如果我们密切观察并使用ipad,我们不能简单地将光标放在文本域中。我们需要选择文本并且会有放大选择文本时的图像然后我们需要移动光标并将其放置在我们需要添加或编辑文本的文本所需的位置。那么,如何以编程方式在文本域中设置光标位置以便在选定的位置直接显示光标。

1 个答案:

答案 0 :(得分:1)

input元素上尝试setSelectionRange方法:



var inputs = document.querySelectorAll('input');
inputs[3].addEventListener('click', function() {
  var start = parseInt(inputs[1].value);
  var end = parseInt(inputs[2].value);
  inputs[0].setSelectionRange(start, end);
  inputs[0].focus();
}, false);

<input type="text" value="asdfghjkl"><br>
From: <input type="number" min="0" max="9" value="2">
To: <input type="number" min="0" max="9" value="5">
<input type="button" value="Set Selection">
&#13;
&#13;
&#13;