在 jQuery 中使用 .keyup 计算字符的简单方法

Posted 2023-05-07

【中文标题】在 jQuery 中使用 .keyup 计算字符的简单方法

【英文标题】：Simple way to count characters using .keyup in jQuery

【发布时间】：2012-02-26 21:07:03

【问题描述】：

<input type="text" />

如何在 javascript/jQuery 中写出 input 到 .keyup 的字符数？

【参考方案1】：

$('input').keyup(function() 
    console.log(this.value.length);
);

keyup 是bind('keyup') 的快捷方式。 从 jQuery 版本 1.7 开始，以上所有内容都已弃用，我们鼓励使用 on 方法绑定事件，这意味着代码应如下所示：

$('input').on('keyup', function() 
    console.log(this.value.length);
);

【讨论】：

jQuery 太多了。 this.value.length 也足够了（而不是$(this).val().length）。

许多 thnx 答案也应该能够被添加到书签中：)

【参考方案2】：

示例 - 这将提示字符数

$('#textBoxId').bind('keyup', function(e)

     alert($(this).val().length);

);

这显然假设文本框的 id 为 textBoxId。否则更改选择器 iof 出于某种原因不想给它一个 id

【讨论】：

只有当输入的 id 为文本框时才有效。 <input type="text" id="textbox" />