javascript - 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

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

Answer 2

<input type="text" id="abc" />

var abc = document.getElementById('abc');
abc.addEventListener('mousedown',function(e){

e.preventDefault();

})