javascript - 带弹出窗口的剩余字符计数器

标签 javascript jquery jquery-events

我的任务是创建一个计数器/限制器,当达到限制时会弹出一个窗口。我编写了这段代码:

$(document).ready(function() {
    $('#message-input').keyup(updateCounter);
});

function updateCounter() {
    
    var value = $('#message-input').val();

    if (value.length > 256) {
        alert('Túl hosszú az üzenet!');
        return false;
    }

    var remaining = 256 - value.length;
    $('#counter').text(remaining);

    return true;
}

这段代码工作得很好,但有一个大问题:如果达到限制,我可以按任何东西,总是弹出窗口,即使我按退格键。我该如何纠正这个问题?

最佳答案

您可以删除最后一个字母,以保持 256 个字符的长度,例如子字符串。

关于javascript - 带弹出窗口的剩余字符计数器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15998040/

相关文章:

javascript - 使用 Jquery Keyup 函数将变量从一个输入字段传递到另一个输入字段

jquery - 未捕获类型错误 : Object #<HTMLParagraphElement> has no method 'click' works in FF fails in chrome. 。怎么修?

javascript - 如何在任何浏览器中单击后退按钮重新加载页面

javascript - D3 分组条形图 : How to rotate the text of x axis ticks?

javascript - jquery 进度条不显示

javascript - keyup 大写事件

javascript - <button> 元素不在 Firefox 中传播事件?

php - 使用 JSON 或 XML 发送 JavaScript 数组?如何将其转换为 XML?

javascript - 鼠标点击对象unity 5.3 UI?

javascript - 从下拉菜单选项中显示 "title"标签