Question

我觉得我可能会在这里忽略一些东西。我想在<span>下面的<textarea>元素中显示textarea的字符数。我使用以下jQuery和HTML：

jQuery的：

$('#ws3 .textarea textarea[name="company-description"]').keyUp(function() {

var charLength = $(this).val().length;

$('span#charCount').html(charLength + ' of 250 characters used');

if($(this).val().length > 250)
$('span#charCount').html('<strong>You may only have up to 250 characters.</strong>');

});

HTML：

<div id="ws3" class="ws-section">
<label for="company-description">Describe your company for us</label>
<div class="textarea">
  <textarea id="company-description" name="company-description" class="ws-required"></textarea>
</div>
<span id="charCount">charCount</span>
</div>

此外，此块后面的所有jQuery代码都不起作用，就好像浏览器已停止在此代码块中读取.js文件一样。

Answer 1

没有keyUp函数..将其更改为keyup然后它应该正常工作..

$('#ws3 .textarea textarea[name="company-description"]').keyup(function() {

DEMO

提示：

当出现脚本错误时，Javascript编译器将停止执行错误行下方的以下行，并继续执行下一个js文件或下一个<script>块
将来，每当您遇到脚本问题时，请查看控制台是否有错误。以下是我使用keyUp

错误： $（“＃ws3 .textarea textarea [name = \”company-description \“]”）。keyUp不是函数

Answer 2

jQuery中没有keyUp函数，函数名称为keyup

Working Demo

jQuery textarea keyUp打破了以下所有代码

2 个答案: