javascript - Javascript - Jquery/文本框，提交消失 onblur

Question

这是我的代码。一切正常，所以如果我在文本框外点击它会恢复到默认大小，但如果我点击提交按钮，它也会恢复到正常大小并且不提交数据。有人可以帮我解决这个问题吗？

Answer 1

您必须注释掉这一行：

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

并且在 action 属性中，您必须将 php 页面名称写入 Post 变量。

这是您修改后的代码。http://pastebin.com/LR4HyHv6

希望能帮助到你。

Answer 2

首先你的代码不起作用，因为模糊功能会在按钮点击事件之前触发，所以我改成这个

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

查询

$(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点击事件将取代焦点事件，然后你可以保存
我在笔记本电脑上测试过的数据它工作正常

编辑：我正在修改 html 点击功能以检查要跳过的元素