Функциональность jQuery текстовой автозагрузки с каждым нажатием клавиши

126
13

Я играл с плагином jQuery autogrow, который автоматически расширяет высоту текста, поскольку текст нуждается в нем. Проблема в том, что с каждым нажатием клавиши нижняя граница текстовой области дрожит заметным образом. Я не уверен, в чем проблема, поэтому я собираюсь выйти на конечность и разместить 132 строки этого плагина GPL здесь. Любые подсказки, где может возникнуть проблема или как ее обойти?


         /* 

Auto Expanding Text Area (1.2.2) by Chrys Bader */

(function(jQuery) {
var self = null;
jQuery.fn.autogrow = function(o){
return this.each(function() {
new jQuery.autogrow(this, o);
});
};

/**
* The autogrow object.
*
* @constructor
* @name jQuery.autogrow
* @param Object e The textarea to create the autogrow for.
* @param Hash o A set of key/value pairs to set as configuration properties.
* @cat Plugins/autogrow
*/

jQuery.autogrow = function (e, o) {
this.options = o || {};
this.dummy = null;
this.interval = null;
this.line_height = this.options.lineHeight || parseInt(jQuery(e).css('line-height'));
this.min_height = this.options.minHeight || parseInt(jQuery(e).css('min-height'));
this.max_height = this.options.maxHeight || parseInt(jQuery(e).css('max-height'));;
this.textarea = jQuery(e);

if(this.line_height == NaN) this.line_height = 0;

// Only one textarea activated at a time, the one being used
this.init();
};

jQuery.autogrow.fn = jQuery.autogrow.prototype = { autogrow: '1.2.2' };
jQuery.autogrow.fn.extend = jQuery.autogrow.extend = jQuery.extend;
jQuery.autogrow.fn.extend({ init: function(){
var self = this;
this.textarea.css({overflow: 'hidden', display: 'block'});
this.textarea.bind('focus', function(){ self.startExpand() }).bind('blur', function() { self.stopExpand() });
this.checkExpand();
},

startExpand: function() {
var self = this;
this.interval = window.setInterval(function() { self.checkExpand()}, 400); },
stopExpand: function() { clearInterval(this.interval); },
checkExpand: function() {
if (this.dummy == null) {
this.dummy = jQuery('<div></div>');
this.dummy.css({
'font-size' : this.textarea.css('font-size'),
'font-family': this.textarea.css('font-family'),
'width' : this.textarea.css('width'),
'padding' : this.textarea.css('padding'),
'line-height': this.line_height + 'px',
'overflow-x' : 'hidden',
'position' : 'absolute',
'top' : 0,
'left' : -9999
}).appendTo('body');
}
// Strip HTML tags
var html = this.textarea.val().replace(/(<|>)/g,'');
// IE is different, as per usual
if ($.browser.msie){
html = html.replace(/\n/g, '<BR>new');
} else {
html = html.replace(/\n/g, '<br>new');
}

if (this.dummy.html() != html){
this.dummy.html(html);

if (this.max_height > 0 && (this.dummy.height() + this.line_height > this.max_height)){
this.textarea.css('overflow-y', 'auto');
} else {
this.textarea.css('overflow-y', 'hidden');
if (this.textarea.height() < this.dummy.height() + this.line_height || (this.dummy.height() < this.textarea.height())) {
this.textarea.animate({height: (this.dummy.height() + this.line_height) + 'px'}, 100);
}
}
}
}
});
})(jQuery);

спросил(а) 2021-01-19T15:24:49+03:00 6 месяцев, 2 недели назад
1
Решение
63

Относительно отвратительного комментария:


http://www.aclevercookie.com/aclevercookiecom-breached-problem-resolved/

Это было доведено до меня посетителей, что их защита от вирусов уходит, когда они приходят в этот блог. Я исследовал этот вопрос и нашел этот вредоносный код был введен в источник сайта.

Это было решено и меры были приняты для безопасность сайта.

Спасибо за отчет, и я извиняюсь для тревоги.


Это не похоже на правду. Поскольку мой антивирус все еще срабатывает при открытии этого сайта

ответил(а) 2021-01-19T15:24:49+03:00 6 месяцев, 2 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема