防止jQuery Elastic插件在外部单击时调整文本区域的大小

Question

有人在这里使用jQuery Elastic插件吗？

非常方便，但我只是无法找到一种方法来阻止脚本，一旦您单击它，就可以稍微减小文本区域的高度。 只需进行测试：通过键入一些内容并单击文本区域，使区域扩大。

这很令人沮丧，并且给人留下了糟糕的经历，因为我在文本区域的底部有一个按钮，该按钮也随之移动。 任何想法？

Answer 1

只需使用$('#container').elastic().trigger('blur')对其进行初始化

这将运行在模糊事件之后运行的命令，从而调整文本框的大小。

Answer 2

将mouseout添加到事件绑定中：

 $textarea.bind('blur mouseout',function(){ 

在第140行上。

Answer 3

我遇到了同样的问题，经过长时间的搜索，我想出了一个解决方案。 这是您需要在Jquery Elastic JS文件中更改的内容。

找到以下行。

minheight    = parseInt ............

并用此行更改它。

minheight    = parseInt($textarea.css('height'),5) || lineHeight*2,

这应该解决在文本区域之外单击并调整框大小的问题。