jquery - 在textarea中进行焦点模糊并使用jquery显示隐藏范围

Question

我有这个文本区域：

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