在textBox javascript中设置光标位置

发布时间：2020-12-14 19:46:16 所属栏目：资源来源：网络整理

导读：我正在尝试向textBox中添加新行,并使用以下代码在JavaScript中使用换行符更新textBox值： ele.value=ele.value+n;ele.focus();//ToupdatecursorpositiontorecentlyaddedcharacterintextBoxele.setSelectionRange(value.length,value.length); 上面的代码更

我正在尝试向textBox中添加新行,并使用以下代码在JavaScript中使用换行符更新textBox值：

ele.value = ele.value + "n";

ele.focus();

// To update cursor position to recently added character in textBox
ele.setSelectionRange(value.length,value.length);

上面的代码更新了textBox值,但没有将光标位置更新为新行.

(虽然当我单击textBox外部并再次单击textBox内部时它会更新光标位置,但是当textBox已经被用户编辑时却没有.)

最佳答案

这应该也适用于Firefox：

HTML：

<!DOCTYPE html><html>
  <head><meta charset="utf-8"><meta name="viewport" content="width=device-width">

使用Javascript：

 function updateText(e) {
 var ele = document.getElementById('myText');
 var newVal = 'Old McDonald had a farm.n';

 ele.value = newVal;
 ele.focus();

 // To update cursor position to recently added character in textBox
 ele.setSelectionRange(newVal.length,newVal.length);
}

JS Bin example

我在聚焦后选择了文字.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!