jQuery resize（）事件未在输入调整大小时触发。替代解决方案？

Question

正如标题所说，当输入框的宽度发生变化时，jQuery事件resize（）不会触发。根据{{​​3}}，resize事件被发送到（窗口）处理程序。所以我的问题是，我还有什么其他解决方案可以收听resize事件。

我目前正在CSS中使用过渡属性，而不是使用jQuery动画来改变输入宽度。它在CSS中更干净，更流畅，所以我想保持这样。如果有人有任何其他解决方案，请在下面列出。

我的第一次尝试是这样的

$('input').resize(function() {
    $(this).val('Resize? Nope!');
});

以下是调整大小事件的小提琴：jQuery API documentation

Answer 1

jQuery中的resize()方法适用于可由用户手动调整大小的元素。通过使用javacript / jQuery调整元素大小，您不会触发任何事件...

您可以创建自己的活动，也可以使用textarea。

<强>更新

在看了你的jsFiddle后，这个问题非常清楚。您正在使用CSS3方法调整输入大小。这不会触发任何jQuery事件，你最好用jQuery处理动画。

Answer 2

您可以收听transitionend事件，了解CSS3调整大小的完成时间。