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