jquery 获取输入框出现发送按钮 ，如例子

Question

http://jsbin.com/tuyebegesa/edit?html,css,js,output

第一步 点击输入框出现发送按钮 (效果实现)
第二步 点击发送获取输入框中的文字实现弹出alert (未实现)
第三步 失去输入框焦点时，不再出现发送按钮。 (实现)
请各位高手帮我看看为什么第二步不行
并希望给予修改和意见。

Answer 1

因为你点击发送按钮的时候已经失去焦点把按钮隐藏了，所以无法点击

Answer 2

text() 改为 val()

Answer 3

按照你的思路，加个定时器就可以解决，但有一定的延迟。text()的问题，楼上已经说了。

//显示弹出框
$("#J-pull").focus(function(){
   $(".textarea-js").show();
});
$("#J-pull").blur(function(){
  setTimeout(function(){
     $(".textarea-js").hide();
  },100);
});
$(".J-send").click(function(){
    var pop=$("#J-pull").val();
    alert(pop);
});