jQuery Textarea-Fokus

Wenn ich auf eine Schaltfläche klicke, möchte ich die textarea in diesem li Element zu fokussieren.

<li class="commentBlock" id="commentbox-79" style="display: list-item;">
  <div>
    <div class="grid userImageBlockS">
      <div class="imgSmall">
        <img width="35" height="35" alt="image" src="https://stackoverflow.com/bakasura1/files/images/small/1288170363aca595cabb50.jpg">
      </div>
    </div>
    <div class="grid userContentBlockS alpha omega"> 
      <form accept-charset="utf-8" action="/bakasura1/account/saveComment" method="post">
        <div style="display: none;">
          <input type="hidden" value="POST" name="_method">
        </div> 
        <input type="hidden" id="StatusMessageReplyPid" value="79" name="data[StatusMessageReply][pid]"> 
        <input type="hidden" id="StatusMessageReplyItemId" value="1" name="data[StatusMessageReply][item_id]"> 
        <input type="hidden" id="StatusMessageReplyCommentersItemId" value="1" name="data[StatusMessageReply][commenters_item_id]"> 
        <textarea id="StatusMessageReplyMessage" name="data[StatusMessageReply][message]">
          Write your comment...
        </textarea>
        <input type="submit" name="" value="Comment" class="comment" id="comment-79">
      </form> 
    </div>
    <div class="clear"></div>
  </div>
</li>

Das ist mein jQuery Code:

$('.user-status-buttons').click(function() {
    var id = $(this).attr('id');
    $("#commentbox-"+id).slideToggle("fast");
    $("#commentbox-"+id+" #StatusMessageMessage").focus();
    return false;
});

Ich verwende Timer, um Textbereiche zu fokussieren:

setTimeout(function() {
 $el.find('textarea').focus();
}, 0);

Basierend auf Ihrem Kommentar als Antwort auf Jacob möchten Sie vielleicht:

$('.user-status-buttons').click(function(){

    var id = $(this).attr('id');
    $("#commentbox-"+id).slideToggle("fast", function(){
        $("#commentbox-"+id+" #StatusMessageReplyMessage").focus();
    });

    return false;
});

Dies sollte die geben #StatusMessageReplyMessage Element Fokus nach Der Slide-Effekt ist beendet.

Die einfachste Lösung ist die Verwendung jQuery-Fokus

  $('#StatusMessageReplyMessage').focus();

HINWEIS: Wenn Sie dies in der Konsole testen, sendet Chrome den Fokus zurück an die Konsole! Dies kann dazu führen, dass Sie glauben, dass es nicht funktioniert hat, obwohl es tatsächlich perfekt funktioniert. Achten Sie einfach auf andere Skripte/Verhaltensweisen in Ihrer Umgebung, die den Fokus ergreifen, und alles wird gut 🙂