事件不计算标记中的字符数

时间:2019-03-26 22:23:26

标签: jquery html dom-events

我遇到了这样的问题,我的JavaScript代码没有计算正在输入的字符,我迷路了。有任何想法吗?

HTML:

<script src="https://ajaxgoogleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<label for="studentName">Student name:</label>
<textarea id="studentName" cols="40" rows"3"></textarea><br>
<p id="stringLength">0</p>

JavaScript:

var $textareaElement = $("#studentName");

function textSize(event) {
   $("#stringLength").text($textareaElement.val().length);
}

/* Your solution goes here */
$(document).ready(function () {

$("#studentName").focus(function () {

$("#stringLength").html($(this).val().length);

});

});

测试:

显示“ Hi”中的字符数测试 您的期望与预期不同。请参见下面的重点内容。

  

您的
  0
  预期
  2

测试“你好吗”中的字符数。显示 您的期望与预期不同。请参见下面的重点内容。

  

您的
  0
  预期
  12

测试“好游戏”中的角色数量 您的期望与预期不同。请参见下面的重点内容。

  

您的
  0
  预期
  9

1 个答案:

答案 0 :(得分:0)

focus将在元素获得焦点时触发。如果您想在用户将字符输入到输入中时对字符进行计数,则需要keyup