Question

我有一个textarea，其中使用css

的所有元素的用户选择都设置为none

-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;

在下面的例子中。我用鼠标按下如何，然后将鼠标移到mousedown状态下的textarea上。这里textarea被选中并变为焦点状态。当我只输入一个字符时，开始键入事件，尽管它处于 user-select：none 状态。它只发生在铬。如何防止这种情况？

我只是想阻止textarea变成焦点，当我在其他区域中鼠标按下并将鼠标移到文本区域上时我不希望它变得可聚焦。

* {
  -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
                               
}

Hello
<textarea>Software Developement is the job i love</textarea>
How are you

Answer 1

这是Chrome已知的错误，请参阅此处https://bugs.chromium.org/p/chromium/issues/detail?id=340671

问题： 340671

标题： Textarea与-webkit-user-select：none不应该是可选择的

Answer 2

请尝试使用以下代码

<textarea readonly>
Software Developement is the job i love
</textarea>

阻止textarea上的Mousedown

$('textarea').on('mousedown', function(e) {
    e.preventDefault();
});

当user-select设置为none时，选择Textarea

2 个答案: