2

这是jQuery代码

var max_count = 200;
$(document).ready(function () {
var wordCounts = {};
$("#word_count").keyup(function () {
    var matches = this.value.match(/\b/g);
    wordCounts[this.id] = matches ? matches.length / 2 : 0;
    var finalCount = 0;
    $.each(wordCounts, function (k, v) {
        finalCount += v;
    });
    var vl = this.value;
    if (finalCount > max_count) {
        vl = vl.substring(0, vl.length - 1);
        this.value = vl;
    }
    var countleft = parseInt(max_count - finalCount);

    $('#display_count').html(finalCount);
    $('#count_left').html(countleft);
    am_cal(finalCount);
}).keyup();
});

这段代码的工作是统计单词的数量并将它们限制为 200。

当我们输入 textarea 时,它工作正常,它会计数,当它达到 200 时,它不允许写更多,但是当我复制粘贴代码时,它一直在 200 以上,我该如何纠正这个问题?

这是小提琴

http://jsfiddle.net/aVd4H/

提前致谢

4

2 回答 2

3

首先,您的代码更正在updated 这里

是复制粘贴字数限制的演示,您可以将其集成到您的代码中。

jQuery(document).ready(function($) {

    function limits(obj, limit){

        var text = $(obj).val(); 
        var length = text.length;

        if(length > limit){
            $(obj).val(text.substr(0,limit));
        } else {
            /**
             * Alerts the user of the remaining characters.
             * I do alert here, but you can do any other thing you like.
             */
            alert(limit - length + " characters remaining!");
        }
    }

    $('textarea').keyup(function() {
        limits($(this), 20);
    });
});

根据您的要求,您的完整代码在这里

最后调用你的 am_cal() 函数。

于 2013-09-09T07:50:08.913 回答
2
 var max_count = 200;
$(document).ready(function () {
    var wordCounts = {};
    $("#word_count").keyup(function () {
        CheckAndUpdateWordCount();
    });
});

把你的逻辑放在一个通用的方法中。在 keyup 事件和 afterpaste 事件中调用该方法。

function CheckAndUpdateWordCount()
{
       var Myelement = $("#word_count");
       var matches = Myelement .value.match(/\b/g);
        wordCounts[Myelement.id] = matches ? matches.length / 2 : 0;
        var finalCount = 0;
        $.each(wordCounts, function (k, v) {
            finalCount += v;
        });
        var vl = Myelement.value;
        if (finalCount > max_count) {
            vl = vl.substring(0, vl.length - 1);
          Myelement.value = vl;
        }
        var countleft = parseInt(max_count - finalCount);

        $('#display_count').html(finalCount);
        $('#count_left').html(countleft);
        am_cal(finalCount);
}


//Custom event After paste
$('HTML').live('paste', function (e) {
    e = $.extend({}, e, { type: 'afterpaste' });
    window.setTimeout(function () { $(e.target).trigger(e); }, 0);
});

使用上述方法。

$("#word_count").bind('afterpaste', function (e) {

//call a method to check 
//call the method here to check the word count after pasting any content.
CheckAndUpdateWordCount();
});
于 2013-09-09T07:44:21.137 回答