Скорость JQM Textarea

0

Я все еще работаю через 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 и еще один скрипт, который выглядит намного быстрее:

Моя скрипка

Быстрая скрипка

Есть ли что-нибудь, что я могу сделать, чтобы увеличить скорость ответа или предоставить ссылку на любой подобный вопрос.

благодаря

Теги:
jquery-mobile

1 ответ

0

Лучшее, что я мог сделать, это добавить 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>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню