javascript在foucs()之后显示游标

时间:2016-04-12 10:45:22

标签: javascript

当我双击文本时,会显示文本框。而且,我想在文本框的末尾显示光标。问题是光标没有显示但是当我按下一个键时,字符在文本框的末尾键入。

HTML:

<div ondblclick="change_to_textbox()" id="A">the original text</div>

使用Javascript:

function change_to_textbox(){
  var newtext = document.getElementById("A").innerHTML;
  document.getElementById("A").innerHTML = "<input type='text' id='B'>";
  document.getElementById("B").value = newtext;
  document.getElementById("B").focus();
}

如何在文本框末尾显示光标?

5 个答案:

答案 0 :(得分:1)

您应该将焦点更改为焦点()

 document.getElementById("B").focus;

  document.getElementById("B").focus();

答案 1 :(得分:0)

试试这个

function change_to_textbox(){
  var newtext = document.getElementById("A").innerHTML;
  document.getElementById("A").innerHTML = "<input type='text' id='B'>";
  document.getElementById("B").value = newtext;
  document.getElementById("A").focus();
}

希望有所帮助

答案 2 :(得分:0)

是的,你错过了focus()

&#13;
&#13;
function change_to_textbox(){
  var newtext = document.getElementById("A").innerHTML;
  document.getElementById("A").innerHTML = "<input type='text' id='B'>";
  document.getElementById("B").value = newtext;
  document.getElementById("B").focus();
}
&#13;
<div ondblclick="change_to_textbox()" id="A">the original text</div>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

你忘记了焦点是一种功能。

尝试:

document.getElementById("B").focus();

答案 4 :(得分:0)

代替 。的document.getElementById( “B”)焦点;

写 的document.getElementById( “B”)聚焦();

.focus是一种与括号一起使用的方法。