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时直接访问控件，也可以在脚本标记中提供类型。你试图在textarea的孩子中找到chars_left，这不是必需的。您可以使用焦点聚焦事件。

<强> Live Demo

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

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

1 个答案: