Question

我正在搜索，但我无法找到jQuery中是否有任何选项可以在输入字段中使用蓝色选择预填充内容。到目前为止，我刚刚找到了如何使用focus来获取闪烁的光标。

我只希望用户能够输入新值而无需先在输入字段内单击。当用户开始键入新值时，将从输入字段中删除prevoius值。

$(".inputHours").focus();

Answer 1

您可以在触发焦点之前触发select()事件。

当用户在其中进行文本选择时，select事件将发送到元素。此活动仅限于<input type="text">字段和<textarea>框。

- jQuery's select() documentation。

$(".inputHours").select().focus();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="inputHours" type="text" value="Hello, world!" />

Answer 2

你需要使用$ .select（）; jQuery select() docs

E.g。如果您希望它突出显示 ~~focus~~ 文档中字段中的所有文本，请使用：

＆＃13;

$(document).ready(function() {
  $('.inputHours').select();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input class="inputHours" value="Hello world">

＆＃13;

Answer 3

此代码用于指向您的输入框而不单击。我有点困惑预先填写的内容，如果您有任何演示链接，请与我分享。

    <input type="text" autofocus>
    <script>
        $(function() {
            $("[autofocus]").on("focus", function() {
                if (this.setSelectionRange) {
                    var len = this.value.length * 2;
                    this.setSelectionRange(len, len);
                } else {
                    this.value = this.value;
                }
                this.scrollTop = 999999;
            }).focus();
        });
    </script>

可以在输入字段中突出显示预填充值

3 个答案: