我可以屏蔽Chrome的<textarea>拖放功能吗？

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对你页面上的所有s 应用一种风格),所以,在这方面,resize: none会更好.但是,如果您可以使用此解决方案,则应该.