javascript - 当用户选择设置为无时选择的文本区域

Question

我有一个文本区域，其中使用 css 的所有元素的用户选择都设置为无

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

在下面的例子中。我将鼠标放在 how are 这个词上，然后将鼠标移到 mousedown 状态下的文本区域上。此处文本区域被选中并处于焦点状态。当我只输入一个字符时，开始输入事件，尽管它处于 user-select: none 状态。它只发生在 chrome 中。如何预防？

我只是想防止当我在其他区域按下鼠标并将鼠标移到文本区域时文本区域成为焦点我不希望它成为可聚焦的。

* {
  -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

标题:带有 -webkit-user-select:none 的文本区域不应该是可选的