如何调整jQuery文本框自动扩展插件

时间:2012-06-25 09:36:56

标签: jquery textbox

我在StackOverflow Page找到一个jQuery插件,当用户从文本输入中粘贴/删除数据时,自动扩展/收缩文本框。它工作正常,直到我尝试将大量文本粘贴到其中。然后它根本不扩展。但是,如果我继续键入字符,或者即使我粘贴了少量文本,它也能正常工作。有人可以告诉我如何调整它以便同时扩展,即使粘贴了大量数据吗?

1 个答案:

答案 0 :(得分:1)

您的问题是由于插件处理最大宽度的方式。

如果单个操作(例如粘贴)导致元素的宽度超过最大值,则插件不会将宽度扩展到最大值,而是保持原样。

要解决此问题,我修改了代码,以便在计算新宽度时考虑最大宽度:

// Calculate new width + whether to change
var testerWidth = testSubject.width(),
    newWidth = Math.min((testerWidth + o.comfortZone) >= minWidth
        ? testerWidth + o.comfortZone : minWidth, o.maxWidth - 1);

您会找到更新的jsbin here