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

Question

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

Answer 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 。