jquery 带有弹出窗口的剩余电量计数器

sirbozc5 于 2023-03-17 发布在 jQuery

关注(0)|答案(2)|浏览(143)

我的任务是创建一个计数器/限制器，当达到限制时弹出一个窗口。

$(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;
}

这段代码工作得很好，但有一个大问题：如果达到了限制，我可以按任何键，总是弹出窗口，即使我按了退格键。2我该怎么纠正呢？

jquery

来源：https://stackoverflow.com/questions/15998040/remaining-char-counter-with-popup

2条答案

按热度按时间

mnemlml81#

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

赞(0）回复(0）举报 2023-03-17

wn9m85ua2#

试试这个：

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

function updateCounter(e) {
    if( $inArray(e.which, [8, 37, 38, 39, 40])) return true; // If keycode = backspace, left, top, right, bottom array, than continue.

    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;
}

赞(0）回复(0）举报 2023-03-17

我来回答

jquery 带有弹出窗口的剩余电量计数器

2条答案

相关问题

热门标签

最新问答