Statut mise à jour sur entrer javascript

Question

Salut je ne suis pas très bon un javascript mais j'essaie de faire une mise à jour de statut factice en utilisant javascript. Si vous cliquez sur le bouton après avoir entré votre statut, il l'ajoute au flux. Je veux quand l'utilisateur appuie sur entrer pour mettre aussi à jour le flux et non pas simplement cliquer sur le bouton pour le faire.

Voici mon code

<script> 
$(document).ready(function(){ 
    var newStatus; 
    var minLength=1; 
    $("button#update").click(function(){ 
     newStatus=$.trim($("input#status").val()); // get status 

     if(newStatus.length>minLength) 
     { 
      $("div#streaming").prepend('<div class="status newStatus clearfix"><div class="avatar"><img src="img/avatars/thumb_avatar_5.gif" alt="test" class="avatar-40 right-20" /></div><div class="content"><p><a href="#">Username</a> '+newStatus+'</p><p class="font11"><em>Seconds ago</em> &sdot; <a href="#" class="lightblue">Comment</a> &sdot; <a href="#" class="lightblue">Share</a></p></div></div>'); 
      $('.newStatus').animate({opacity: 3.0}, 30); 
      $("input#status").val('').focus(); // clear status box 
     } 
     else 
     { 
      alert("Please share something"); 
     } 

    }); 
}); 
</script> 

<span class="left inset streamupdate"> 
<input type="text" placeholder="Share Something" title="Share Something" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" id="status" /> 
<button id="update" value="Go" type="button"></button> 
</span> 
<div id="streaming"></div> 

Answer 1

Enveloppez vos éléments de formulaire dans une balise de formulaire et définissez les onsubmit pour exécuter votre fonction.

$(document).ready(function(){ 
    var newStatus; 
    var minLength=1; 
    $("#update").click(function(){ 
     buttonClick(); 
    }); 
}); 

function buttonClick() { 
    newStatus=$.trim($("input#status").val()); // get status 

    if(newStatus.length>minLength) { 
     $("div#streaming").prepend('<div class="status newStatus clearfix"><div class="avatar"><img src="img/avatars/thumb_avatar_5.gif" alt="test" class="avatar-40 right-20" /></div><div class="content"><p><a href="#">Username</a> '+newStatus+'</p><p class="font11"><em>Seconds ago</em> &sdot; <a href="#" class="lightblue">Comment</a> &sdot; <a href="#" class="lightblue">Share</a></p></div></div>'); 
     $('.newStatus').animate({opacity: 3.0}, 30); 
     $("input#status").val('').focus(); // clear status box 
    } else { 
     alert("Please share something"); 
    } 
} 

<form onsubmit="buttonClick()">