移动端自定义弹出键盘，虽然禁止了原来input的弹出，但是最下面会弹出一完成，怎么把这个完成去掉呢？

Question

移动端自定义弹出键盘，虽然禁止了原来input的弹出，但是最下面会弹出一完成，怎么把这个完成去掉呢？

     <div>
        <input type="text" v-model="mes" readonly="readonly"/>
        <dsadasd :show="showIS" @typing="typing"></dsadasd>
    </div>

我的效果图是这样的

但是我点击input的时候回出现一个

下面黑色背景的 完成 怎么才能去掉呢？

Answer 1

问题就在于readonly可以接收焦点，所以才会弹出input自带的系统提示。
readonly 属性规定输入字段为只读。只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，可以获取焦点，还可以选中或拷贝其文本。
解决方法1.不用input，用div代替input

1. input focus后进行手动失焦blur