Javascript 当用户调整CSS3定义的可调整大小的文本输入的大小时,是否可以捕获调整大小事件?
我使用CSS定义了可调整大小的文本输入,如下所示: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; }
#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中是这样