在输入标签内闪烁光标后右侧的文本

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

希望对你有帮助:)

编辑： 您需要检查该字段以确保不会在每次单击该字段时覆盖输入字段的现有数据。