在输入标签内闪烁光标后向右移动文本

Question

我不知道该搜索什么。但我首先要设置我的输入样式，它会显示一个带占位符的帮助文本，例如：

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

编辑：但是当用户点击它并输入一个值时，我想在闪烁的光标后立即显示.domain.com。我怎么能这样做？

Answer 1

您可以将setSelectionRange用于您的目的。

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

以下是jsFiddle

希望有所帮助：）

修改 您需要检查该字段，以确保每次单击该字段时都不会覆盖输入字段现有数据。