如何在输入类型中通过鼠标停止选择而不禁用/ readonly

Question

有html代码：

<input type="text">

我需要拒绝在<input>

中选择文字

Answer 1

由于user-select: none无法为输入工作，您可以这样解决：

＆＃13;

＆＃13;

.invisable-selection::selection { 
  background: transparent; 
}

＆＃13;

<input class="invisable-selection" type="text" value="test" oncopy="return false">

＆＃13;

＆＃13;

＆＃13;

它不会显示选择，也不会复制该值。

Answer 2

您可以尝试，它不会影响任何主要的样式更改，

＆＃13;

＆＃13;

<input type="text" value="john" readonly>

＆＃13;

＆＃13;

＆＃13;