Javascript-jquery/textbox，提交消失onblur

Question

這裏是my code。 一切工作正常，所以如果我點擊文本框外部它回到默認大小，但如果我點擊提交按鈕它也回到正常大小，並不提交數據。有人可以幫我解決這個問題嗎？

Answer 1

首先你的代碼不模糊的功能，因爲工作的按鈕 點擊事件之前會火，所以我變成這個

HTML

<form method="post" action="" onsubmit="return false;"> 
    <div id="vsetko"> 
     <textarea id="scontent"></textarea> 
     <div id="sbutton_block" style="display:none;"> 
      <input type="submit" id="sbutton" value=" Share " /> 
     </div> 
    </div> 
</form>​​​​ 

CSS

#scontent { 
    overflow: auto; 
    width:722px; 
    height:30px; 
    border:solid 2px #006699; 
    font-size:14px; 
} 

#sbutton{ 
    background-color:#006699; 
    color:#ffffff; 
    font-size:13px; 
    font-weight:bold; 
    padding:4px; 
    margin-bottom: 5px; 
} 

JQUERY

$(document).ready(function(){ 

    $("#scontent").focus(function(){ 
    $(this).animate({"height": "85px",}, "fast"); 
    $("#sbutton_block").slideDown("fast"); 
    return false; 
    }); 

    $("html").click(function(event){ 
    if ($(event.target).attr("id") != "scontent") { 
     $("#scontent").animate({"height": "30px",}, "fast"); 
     $("#sbutton_block").slideUp("fast"); 
     return false; 
    } 
    }); 

    $("#scontent").keypress(function(){ 
    var MaxLen = 250; 
    return ($(this).val().length <= MaxLen); 
    }); 

    $("#sbutton").click(function(){ 
    // do your stuff 
    return false; 
    }); 

}); 

所以整個HTML click事件將取代焦點事件，那麼你可以做保存數據
我在我的筆記本電腦已經測試它的正常工作

編輯： 我是修改HTML點擊功能檢查要跳過的元素

Answer 2

你必須註釋掉該行：

$("#sbutton_block").slideUp("fast"); 

，並在action屬性，你必須寫一個PHP頁面的名義發佈變量。

這是您的修改代碼。 http://pastebin.com/LR4HyHv6

希望它有幫助。