每次加载编辑器时将焦点放在文本字段上

Question

我正在创建一个普通的聊天应用程序有2节，即联系人列表在一列，他们的聊天在另一列。从列表中选择联系人时，将打开与该用户对应的聊天。现在我在聊天部分有一个编辑器/输入字段，当聊天部分加载时，甚至在我发送消息之后，我需要关注它。

​

document.getElementById("comment").focus();

 <div class="row reply">
   <div class="col-sm-11 col-xs-11 reply-main">
     <textarea class="form-control" rows="1" id="comment" placeholder="Enter any message" ></textarea>
    </div>
    <div class="col-sm-1 col-xs-1 reply-send">
       <a id="send" onclick="saveRecordText();" ><i class="fa fa-save fa-2x" aria-hidden="true"></i></a>
    </div>
   </div>

​

我需要使用Jquery将带有id注释的文本区域作为焦点，以便文本区域始终处于活动状态，以便接受输入，而不需要每次输入时都单击它。

Answer 1

使用jQuery focus函数对文本区域进行聚焦：https://api.jquery.com/focus/

​

$(function() {
 // Initial focus
 $('#comment').focus();
 
 // Focus even when focusout
 $('#comment').focusout(function(){
     $('#comment').focus();
 });
});

​

您还可以在您创建的saveRecordText()和聊天加载函数中添加$('#comment').focus()；。如果您不需要焦点时，用户的焦点，然后请删除：

​

// Focus even when focusout
$('#comment').focusout(function(){
  $('#comment').focus();
});

​

Answer 2

尽管使用JavaScript可以很好地完成代码，但也可以使用jQuery完成，如下所示：

$(function () {
    $('#comment').focus();
});