在輸入標記內閃爍光標後右邊的文本

我不知道要搜索什麼。但我想首先是我的樣式輸入它顯示與佔位符的幫助文本，例如：在輸入標記內閃爍光標後右邊的文本

<input class="form-control input-lg" id="id_username" maxlength="30" name="username" placeholder="Enter your blog domain" type="text">

編輯：但是，當它在用戶點擊並輸入一個值我想右後顯示.domain.com閃爍的光標。我怎麼能這樣做？

來源

2016-07-21 J Doer

所以當用戶點擊輸入字段時，應該在輸入字段中顯示「.domain.com」，對不對？ – Thinker

@Thinker是的，這是正確的。 –

另外，這個值應該發送到服務器還是隻在UI中？ –

您可以使用setSelectionRange爲您的目的。

$(".input-lg").click(function(){ 
    if($(this).val() == "") 
     $(".input-lg").val(".domain.com"); 
    $(".input-lg")[0].setSelectionRange(0, 0); 
});

這裏是jsFiddle

希望它能幫助:)

編輯： 您需要檢查現場，以確保你不會每次都改寫輸入字段現有數據該字段被點擊。

來源

2016-07-21 11:46:32 Thinker

謝謝你，真的幫助了醫生。只有一個問題，我可以爲它添加一個JavaScript函數，以便當用戶輸入並且不再選擇輸入字段時，我可以將所有文本組合在字段中居中？那會很酷！ –

在輸入標記內閃爍光標後右邊的文本

回答

相關問題