【问题标题】:Simple way to count characters using .keyup in jQuery在 jQuery 中使用 .keyup 计算字符的简单方法
【发布时间】:2012-02-26 21:07:03
【问题描述】:
<input type="text" />

如何在 JavaScript/jQuery 中写出 input.keyup 的字符数?

【问题讨论】:

    标签: javascript jquery onkeyup


    【解决方案1】:
    $('input').keyup(function() {
        console.log(this.value.length);
    });
    

    keyupbind('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 为文本框时才有效。 &lt;input type="text" id="textbox" /&gt;
    猜你喜欢
    • 2011-07-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-31
    • 1970-01-01
    • 2022-12-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多