jquery - JQM Textarea的速度

Question

我仍在研究 JQM，如果这是一个简单的问题，请原谅我。

我正在处理以下 JQM 代码，但我注意到的问题是当我尝试向下拖动文本区域时，它的响应速度似乎有点慢:

JQ

$(function() {
    $("#textbox").each(function() {
        var input = '#' + this.id;
        counter(input);
        $(this).keyup(function() {
            counter(input);
        });
    });
});

function counter(field) {
    var number = 0;
    var text = $(field).val();
    var word = $(field).val().split(/[ \n\r]/);
    words = word.filter(function(word) {
        return word.length > 0 && word.match(/^[A-Za-z0-9]/);
    }).length;
        $('.words').text(words);
}

CSS:

#main {
    margin: 0 auto;
    position: relative;
    width: 900px;
}

#textbox {
    margin: 30px auto;
    max-width: 700px;
    min-width: 700px;
    height: 300px;
    min-height: 300px;
}

下面是我的代码 Fiddle 和另一个看起来更快的 Fiddle:

My Fiddle

Faster Fiddle

我能做些什么来提高响应速度或提供指向已提出类似问题的任何地方的链接。

谢谢

Answer 1

我能做的最好的就是添加 data-role="none" 并且即使发光不是很明显也解决了它。见下文:

<label for="textbox"> </label>
<textarea data-role="none" placeholder="Simply type, or copy and paste your text or article in here" name="addwords" id="textbox"></textarea>