2016-04-12 64 views
0

当我双击文本时,文本框显示。而且,我想在文本框的末尾显示光标。问题是光标不显示,但是当我按下某个键时,文字框的末尾就会输入字符。javascript显示光标后foucs()

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(); 
} 

如何显示光标在文本框的结束?

+0

你是什么意思的文本框结束? – Jois

+0

'document.getElementById(“B”)。focus();'.. https://jsfiddle.net/rayon_1990/xyoL0n77/ – Rayon

+0

将焦点更改为焦点() – Jois

回答

1

你应该改变重点焦点()

document.getElementById("B").focus; 

document.getElementById("B").focus(); 
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(); 
} 

希望它可以帮助

0

是你错过了focus()

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(); 
 
}
<div ondblclick="change_to_textbox()" id="A">the original text</div>

0

你刚才忘了焦点的功能。 。

尝试:

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

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

write document.getElementById(“B”)。focus();

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