Javascript 当用户调整CSS3定义的可调整大小的文本输入的大小时,是否可以捕获调整大小事件?

Javascript 当用户调整CSS3定义的可调整大小的文本输入的大小时,是否可以捕获调整大小事件?,javascript,jquery,css,resizable,Javascript,Jquery,Css,Resizable,我使用CSS定义了可调整大小的文本输入,如下所示: #text_input { resize:horizontal; } <input type="text" id="text_input" /> 当用户调整输入大小时,是否可以在jQuery事件中优先捕获Javascript?我尝试过使用standartjquery.resize,但它没有像我想象的那样工作 感谢您的帮助……如果没有jQuery,它将如下所示: #text_input { resize:horizontal; }

我使用CSS定义了可调整大小的文本输入,如下所示:

#text_input { resize:horizontal; }
<input type="text" id="text_input" />
当用户调整输入大小时,是否可以在jQuery事件中优先捕获Javascript?我尝试过使用standartjquery.resize,但它没有像我想象的那样工作


感谢您的帮助……

如果没有jQuery,它将如下所示:

#text_input { resize:horizontal; }
<input type="text" id="text_input" />
编辑1:

对于jQuery,这种脚本可能会起作用:

$("text_input").resizable({
    resize: function() {
       //do something
    }
});
正如我所知,在使用jQuery捕获事件之前,输入应该是可调整大小的

编辑2:

如果您想使用JS而不使用jQuery,请尝试使用不同的浏览器支持

var object=document.getElementById("text_input");
object.onresize = handler;  
object.addEventListener ("resize", handler, useCapture);    
您使用过element.onresize吗

或者使用jQuery


您可以使用mouseup事件。尽管我试了很多次,每次调整大小后都会调用它。如果您检查当前大小是否不同,那么您的代码甚至不会经常执行到最后一个大小

编辑:

width仍然返回旧值可能是个问题,至少在chrome中是这样