在textarea中聚焦模糊并使用jquery显示隐藏范围

Question

我有这个textarea：

<textarea  name="comment" id="comment" cols="75" rows="5" class="txtarea"></textarea>

以及显示字符限制的范围：

<span style="display:none" id="chars_left">1000</span>

现在我需要在textarea框中聚焦/模糊时显示/隐藏跨度。 我创建了这个jquery函数，但这对我不起作用。 什么问题 ？ 如何为我的需要工作的jQuery？

<script>
 $('textarea').focus(function(){

      jQuery(this).find('#chars_left').show();       
})


// this function will hide divs when you leave that textarea
$('textarea').blur(function(){

      jQuery(this).find('#chars_left').hide();       
})
</script>

Answer 1

很少有事情需要更正，您将在下文中看到。 拥有ID时，您可以直接访问控件，也可以在script标签中提供类型。 您试图在textarea的子项中找到chars_left，但这不是必需的。 您可以将焦点事件与焦点一起使用。

现场演示

<script type="text/javascript">
 $('textarea').focus(function(){    
      jQuery('#chars_left').show();       
})


// this function will hide divs when you leave that textarea
$('textarea').focusout(function(){

      jQuery('#chars_left').hide();       
})
</script>