Question

在Chrome中，可以拉出<textarea>字段的右下角以展开文本区域。这有时会有其优点，但有时却没有。（这个讨论是另一次。）

我想知道的是如果可能的话我可以阻止这种行为。我正在考虑一些JS / jQuery dingus的内容，但我真的不知道Google如何对该功能进行编程。

有没有人涉足过这个？

Answer 1

你是否尝试过使用CSS来阻止它？

textarea {
  resize: none;
}

这应禁用拖放功能。

<强>更新

您也可以使用jQuery以编程方式设置：

// CSS
textarea.no-expand {
  resize: none;
}

// jQuery
$('#my-text-area').addClass('no-expand');

希望这有帮助！

Answer 2

派对有点晚了，但到了。 resize: none解决方案的问题在于它不是有效的CSS。这不仅不会验证，也不会在其他浏览器上运行，并且可能会在将来的Chrome版本中出现问题。一个不同的，有效的解决方案是：

textarea {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
}

当然，您应该相应地调整您的尺寸。当然，这不具备resize: none的灵活性（您不能只对您网页上的所有textarea应用一种风格），因此，在这方面，resize: none会会更好。但是，如果您可以使用此解决方案，则应该。

Answer 3

最简单的方法可能只是指定'resize：none'作为你风格的一部分：

textarea {
    resize: none
}