jquery - 如何在 IE 中将大小调整器添加到文本区域？

Question

如何像在 Chrome 和 Firefox 中一样在 IE 中向 textarea 添加调整大小？

jQuery.resizable()不会为我工作。

Answer 1

Internet Explorer（和 Microsoft Edge，截至 2016 年 5 月 5 日）不支持 textarea 元素的本机抓取器/调整大小。虽然这些最终可能会在未来（在 Microsoft Edge 中）得到支持，但您现在拥有的最佳选择是 polyfill 功能。

网上有很多选项可以做到这一点，但如果你使用 jQuery 和 jQuery UI，你可以使用Resizable小部件：

$("textarea").resizable({
    handles: "se" // place handle only in 'south-east' of textarea
});

默认情况下，这会将处理程序放在 textarea 下方。我不喜欢这样：

.ui-resizable-handle {
    transform: translateY(-100%);
}

你可以在这里看到最终结果：http: //jsbin.com/rumokazepo/edit ?html,css,js,output

Answer 2

这不能通过定义width和height像这样在CSS中解决：

.resize {
     width: 100px;
     height: 100px;
 }

 <textarea class="resize"></textarea>