如何使可编辑的textarea文本不可选

Question

我正在尝试创建一个非只读的textarea（用户可以键入），但是他们无法选择和拖动。

我发现的所有内容都会将textarea变为只读，或者禁用我的聚焦能力。

感谢任何帮助。

Answer 1

您可以使用CSS样式user-select: none;来防止文本被选中。

Answer 2

在jQuery 1.8中，可以按如下方式完成：

$('textarea')
    .attr('unselectable', 'on')
    .css('-webkit-user-select', 'none')
    .css('-moz-user-select', 'none')
    .css("-ms-user-select","none")
    .css("-o-user-select","none")
    .css("user-select",'none')
    .on('selectstart', false)
    .on('mousedown', false);

或仅使用css，

#yourtextarea
{
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}