jquery - 文本区域 : Apply a style on resize

Question

我的页面上有一个文本区域，带有 resize:both;

我希望仅当用户调整它的大小时才能将样式应用于该文本区域。最好我希望能够使用 CSS 来做到这一点，但我不认为有一个伪选择器或方法可以只使用纯 CSS。我错了吗？

做不到这一点，是否有我可以在 jQuery 中使用的事件？

将文本区域重置为其原始大小的最佳方法是什么？这会再次与 jQuery 一起使用吗？

非常感谢。

Answer 1

在不使用任何其他库的情况下，可以像这样为 textarea 创建自己的调整大小事件:

DEMO jsFiddle

$('textarea').on({
    mousedown: function(){
        $(this).data('size', $(this).width + '*' + $(this).height());
    },
    mouseup: function(){
        if($(this).data('size') !=  $(this).width + '*' + $(this).height())
            $(this).triggerHandler('resize');
    },
    resize: function(){
        console.log('textarea resized!');
    }
});