Question

我正在尝试创建一个类似于facebook的评论框，其中文本区域扩展，单击文本区域时注释按钮变为可见，当文本区域失去焦点时，注释按钮被隐藏，文本区域缩小到较小的高度。以下js工作正常，但问题是当我点击“comment_submit”按钮时，它不提交，而是整个事情被隐藏。

如果单击提交按钮，如何不让“模糊”事件触发？但是让它解雇呢？

$("#comment_body").focus(function() {
         $("#comment_tools").show();
         $("#comment_body").css("height", "100px")
       }).blur(function() {
         $("#comment_tools").hide();
         $("#comment_body").css("height", "25px")
       });

更新

这会导致评论按钮出现然后消失。我想点击textarea也被视为点击文件？无论如何，最终的结果是当单击文本区域时没有显示任何内容，但是当它通过选项卡进入焦点时，注释按钮会显示出来。

如何从document.click事件中排除文本区域？或者有更好的方法吗？

 $("#comment_body").focus(function() {
         $("#comment_tools").show();
         $("#comment_body").css("height", "100px")
       });
       $(document).click(function() {
         $("#comment_tools").hide();
         $("#comment_body").css("height", "25px")
       });

Answer 1

尝试绑定到document.click事件而不是模糊。 Facebook不会模糊，因为你可以跳出分享按钮。

仅当您单击评论区域折叠的空白时才会显示。

facebook风格评论栏

1 个答案: