2013-08-05 117 views
1

我正在嘗試使用按鈕激活文本輸入。 我的功能是這樣的。如何激活按鈕上的文本輸入單擊javascript

function showHide4() 
{ 
document.getElementById('snack').readOnly=false; 
document.getElementById('snack').style.backgroundColor"#ffffff"; 
} 

該函數使文本輸入可寫,並將背景更改爲白色,但只有在單擊它後纔會激活。

注意: - 我對激活文本輸入的想法是光標(|)在其中閃爍。也許激活是不正確的詞,但我不知道還有什麼叫它。我試過focus(),使用focus()時的問題是我的文本輸入中的默認值是自動選擇的,這不是我想要的,我想把光標(|)放在那個之後值。

+4

它被稱爲焦點。 .focus() – Sprottenwels

回答

3

試試這個,我覺得focus()是你在找什麼:

function showHide4() { 
    var el = document.getElementById('snack'); 
    el.readOnly = false; 
    el.style.backgroundColor = "#ffffff"; 
    el.focus(); 
    el.value = el.value; 
}; 

要你需要騙了一下,剛復位(重新設置),你想要的輸入值,它會如你所願地工作。

DEMO HERE

+0

@AdityaPonkshe,太好了! – Sergio

+0

但問題是文本輸入中的值自動被選中。 –

+0

請參閱我的編輯 –

0
function showHide4() 
{ 
document.getElementById('snack').readOnly = false; 
document.getElementById('snack').style.backgroundColor = "#ffffff"; 
document.getElementById('snack').focus(); 
} 

這將工作!

+0

看到這[post](http://stackoverflow.com/questions/6003300/how-逐地光標-AT-結束文本在-textarea的-當選項卡式-成)。我認爲這會幫助你將光標指針放在最後。 – deepakb

相關問題