Chrome 不会捕获 resize 事件并且 Chrome 不会捕获 mousedown，因此您需要设置 init 状态，然后通过 mouseup 处理更改：

jQuery(document).ready(function(){
   var $textareas = jQuery('textarea');

   // store init (default) state   
   $textareas.data('x', $textareas.outerWidth());
   $textareas.data('y', $textareas.outerHeight()); 

   $textareas.mouseup(function(){

      var $this = jQuery(this);

      if (  $this.outerWidth()  != $this.data('x') 
         || $this.outerHeight() != $this.data('y') )
      {
          // Resize Action Here
          alert( $this.outerWidth()  + ' - ' + $this.data('x') + '\n' 
               + $this.outerHeight() + ' - ' + $this.data('y')
               );
      }
  
      // store new height/width
      $this.data('x', $this.outerWidth());
      $this.data('y', $this.outerHeight()); 
   });

});

HTML

<textarea></textarea>
<textarea></textarea>

您可以在JSFiddle上进行测试

笔记：

1. 您可以像 Hussein 那样附加自己的可调整大小，但如果您想要原始的，则可以使用上面的代码
2. 正如 Bryan Downing 所提到的，当您将鼠标放在 textarea 顶部时，这会起作用；但是，在某些情况下可能不会发生这种情况，例如浏览器未最大化并且您继续拖动超出浏览器的范围或用于resize:vertical锁定移动。

对于更高级的东西，您需要添加其他侦听器，可能是队列和间隔扫描器；或者使用 mousemove，正如我相信 jQuery resizable 所做的那样 - 那么问题就变成了你对性能与抛光的重视程度如何？

更新：此后浏览器的 UI 发生了变化。现在双击角落可以将文本框收缩到其默认大小。因此，您可能还需要在此事件之前/之后捕获更改。

处理元素大小调整的标准方法是 Resize Observer api，可在所有现代 Web 浏览器版本中使用。

function outputsize() {
 width.value = textbox.offsetWidth
 height.value = textbox.offsetHeight
}
outputsize()

new ResizeObserver(outputsize).observe(textbox)

Width: <output id="width">0</output><br>
Height: <output id="height">0</output><br>
<textarea id="textbox">Resize me.</textarea>

如果需要处理旧版本的 Chrome 和 Firefox（其他未测试），可以使用 Mutation Observer 来检测样式属性的变化。

function outputsize() {
 width.value = textbox.offsetWidth
 height.value = textbox.offsetHeight
}
outputsize()

new MutationObserver(outputsize).observe(textbox, {
 attributes: true, attributeFilter: [ "style" ]
})

Width: <output id="width">0</output><br>
Height: <output id="height">0</output><br>
<textarea id="textbox">Resize me.</textarea>

调整观察者大小

文档：https : //developer.mozilla.org/en-US/docs/Web/API/Resize_Observer_API

规格：https : //wicg.github.io/ResizeObserver

当前支持：http : //caniuse.com/#feat=resizeobserver

Polyfills：https : //github.com/pelotoncycle/resize-observer https://github.com/que-etc/resize-observer-polyfill https://github.com/juggle/resize-observer

我稍微混合了 vol7ron 的回答，并用普通“resize”事件的简单触发器替换了“Resize Action Here”，这样您就可以“像往常一样”将您想要发生的任何事情附加到 resize 事件：

$(document).ready(function(){
    $('textarea').bind('mouseup mousemove',function(){
        if(this.oldwidth  === null){this.oldwidth  = this.style.width;}
        if(this.oldheight === null){this.oldheight = this.style.height;}
        if(this.style.width != this.oldwidth || this.style.height != this.oldheight){
            $(this).resize();
            this.oldwidth  = this.style.width;
            this.oldheight = this.style.height;
        }
    });
});

我添加了 mousemove 事件，因此在调整大小时拖动鼠标时调整大小也会触发，但请记住，当您四处移动鼠标时，它会经常触发。

在这种情况下，您可能希望在实际触发或处理调整大小事件时稍微延迟，例如替换上述内容：

$(this).resize();

和：

if(this.resize_timeout){clearTimeout(this.resize_timeout);}
this.resize_timeout = setTimeout(function(){$(this).resize();},100);

示例用法，使第二个 textarea 与第一个一起增长和缩小：

$('textarea').eq(0).resize(function(){
    var $ta2 = $('textarea').eq(1);
    $('textarea').eq(1).css('width',$ta2.css('width')).css('height',$ta2.css('height'));
});

另一种方法是绑定到 textarea 上的 mouseup 事件。然后你可以检查大小是否改变。

文本区域不存在调整大小事件。

可调整大小的 jQueryPlugin 看起来不是原生的，所以我们必须使用替代。

模拟它的一种方法是使用 mousedown/click 事件。如果你想要实时事件触发，你可以这样做：

2013 年 11 月 11 日更新：

// This fiddle shows how to simulate a resize event on a
// textarea
// Tested with Firefox 16-25 Linux / Windows
// Chrome 24-30 Linux / Windows

var textareaResize = function(source, dest) {
    var resizeInt = null;

    // the handler function
    var resizeEvent = function() {
        dest.outerWidth( source.outerWidth() );
        dest.outerHeight(source.outerHeight());
    };

    // This provides a "real-time" (actually 15 fps)
    // event, while resizing.
    // Unfortunately, mousedown is not fired on Chrome when
    // clicking on the resize area, so the real-time effect
    // does not work under Chrome.
    source.on("mousedown", function(e) {
        resizeInt = setInterval(resizeEvent, 1000/15);
    });

    // The mouseup event stops the interval,
    // then call the resize event one last time.
    // We listen for the whole window because in some cases,
    // the mouse pointer may be on the outside of the textarea.
    $(window).on("mouseup", function(e) {
        if (resizeInt !== null) {
            clearInterval(resizeInt);
        }
        resizeEvent();
    });
};

textareaResize($("#input"), $("#output"));

演示：http : //jsfiddle.net/gbouthenot/D2bZd/