狀態更新輸入javascript

嗨，我不是很好的JavaScript，但我想做一個使用JavaScript的虛擬狀態更新。如果您在輸入狀態更新後單擊該按鈕，則會將其添加到流中。我想當用戶按下輸入來更新流，而不只是點擊按鈕來做到這一點。狀態更新輸入javascript

這裏是我的代碼

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

來源

2012-01-23 patrickquirke

環繞你的表單元素的形式標記，並設置的onsubmit運行您的功能。

$(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()">

來源

2012-01-24 01:10:49

狀態更新輸入javascript

回答

相關問題