Javascript jQuery显示输入字段上的提交按钮单击

我正在尝试创建一个注释输入字段，当您单击该输入字段时，该字段将在动态创建的表单上显示提交按钮。 类似于facebook评论的工作方式。当您单击输入字段时，将显示提交按钮，当您单击关闭时，该按钮将消失。 所有注释输入id均为注释1等，提交按钮id均为提交1等

我试过这个

jQuery("#[id^='comment_']").live('click',function(event){ 
    if(jQuery("#[id^='comment_']").val() == ""){ 
        jQuery("#[id^='submit_']").hide(); 
    } 
    else { 
        jQuery("#[id^='submit_']").show(); 
    } 
}); 

---

由于某种原因，这是行不通的。任何建议或如何实现都会很好。

您需要从选择器中删除

。另外，我想你不想看到

点击

事件，但是

聚焦

和

模糊

我不知道为什么我看起来不好..哈哈，还是不行。我在文本区也有这个。onclick=“如果（this.value=='Write a comment…'）this.value=''”；这是否仍然适用于textarea标记中的内容？也可以将其合并到函数中吗？我取下了onclick，但它仍然不起作用。谢谢你的帮助好吧，它现在有些工作了，问题是，它不完全是我需要的。我需要它在您单击输入字段时显示按钮，就像您要开始键入一样。上面的代码仅在您先单击字段后再单击该字段时显示“提交”按钮。@Pjack请立即尝试，将其更新为处理“写评论…”文本，它应该按照您的要求工作。就是这样。完美非常感谢你。你当然知道你的本事。事实上，我几分钟前就开始试验focusin和focusout，但它并没有完全起作用。再次感谢

jQuery("[id^='comment_']").live('focusin focusout',function(e){
    var commentText = "Write a comment...",
        id = this.id.replace('comment_',''),
        val = jQuery(this).val();   
    if (e.type == 'focusin'){
        val = (val == commentText) ? '' : val; 
        jQuery("#submit_"+id).show();
    } else if (e.type == 'focusout') {
        val = (val == '') ? commentText : val; 
        if( val == commentText){ 
            jQuery("#submit_"+id).hide(); 
        }
    }
    jQuery(this).val(val);
}).trigger('focusout');