chrome下input输入框如何禁止选中（不用disabled）

Question

遇到一个问题求助大家，在mousedown的情况下，如何让chrome下input输入框禁止选中，代码如下，用的是vue

<input type="text" unselectable='on' onselect="return false" name="" class="form-control input-slider"  v-model='options.current' style="-moz-user-select:none;-webkit-user-select:none;">

试了unselectable，onselect，style="-moz-user-select:none;-webkit-user-select:none;"，发现都不好用，input里面的内容还是可以被选中，对了，最好不要用disabled

Answer 1

如果用脚本禁止，应该处理onselectstart事件，而不是onselect。如果使用用Vue，应该阻止selectstart的默认事件。css中的user-select确实有问题。

Answer 2

获取焦点后，处理，使之失去焦点