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

我试图创建一个非只读（用户可以键入）的textarea，但他们无法选择并拖动。如何使可编辑的textarea文本不可选

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

感谢任何帮助。

来源

2013-07-18 Adam

做的事情无法选择，一个链接（HTTP：//计算器.com/questions/4448671/making-things-unselectable-in-ie） –

Look here： http://stackoverflow.com/questions/2700000/how-to-disable-text-selection-using-jquery –

你的意思是你不能点击角落并拖动它来调整大小？或者你的意思是在文本中选择一个单词并将其拖放到另一个组件中？ –

您可以使用CSS样式user-select: none;来保持文本不被选择。

来源

2013-07-18 17:45:51 DevlshOne

重读这个问题。他想禁用调整大小。 – Toiletduck

它所说的是'select and drag'。它在哪里说调整大小？ – DevlshOne

@Toiletduck你需要重读这个问题。 :) –

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

来源

2013-07-18 17:49:17

谢谢。看起来虽然当我使用这个代码时，整个textarea变得不可选（不仅仅是字符），而且我也不能再写它了。是否可以只禁用文本选择（当您选择多个字符时，蓝色部分）？谢谢！ – Adam

@Adam检查[此链接]（http://www.strangeplanet.fr/work/jquery-highlighttextarea/）。如果你能突出显示textarea的一部分，你可以做一些事情，比如'onselect'，'取消选中'所选文本。或者你可以用'contenteditable'设置为'true'来创建一个新的'div'，然后尝试做这件事。如果不是在[这个问题]中建议的'textarea'（http://stackoverflow.com/questions/9873937/how-to-change-a-single-character-color-in-textarea） –

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

回答

相关问题