javascript - 如何使可编辑的文本区域文本不可选择

Question

我正在尝试创建一个非只读的文本区域(用户可以键入)，但他们无法选择和拖动。

我发现的所有内容要么将文本区域变为只读，要么使我无法集中注意力。

感谢任何帮助。

Answer 1

在 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;
}