Question

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

＆＃13;

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

＆＃13;

 <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>

＆＃13;

我需要使用Jquery将textarea与id注释集中在一起，以便文本区域始终处于活动状态以进行输入，而且每次输入输入时都不需要单击它。

Answer 1

使用jQuery焦点功能来聚焦textarea：https://api.jquery.com/focus/

＆＃13;

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

＆＃13;

您还可以添加$（＆＃39;＃comment＆＃39;）。focus（）;在您创建的saveRecordText（）和聊天加载功能中。如果您在用户关注时不需要关注，请删除：

＆＃13;

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

＆＃13;

Answer 2

尽管代码使用JavaScript完全通过您的代码完成，但可以使用jQuery执行此操作：

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

每次编辑器加载

2 个答案: