js在移动端如何组织默认的input弹出框

Question

问题描述现在想自定义一个输入框的弹出层，希望是在input获取焦点时候默认的输入框是不显示的问题出现的环境背景及自己尝试过哪些方法通过input @focus去主动让inpu失去焦点相关代码// 请把代码文本粘贴到下方（请勿用图片代替代码）  <div>     <input type="number" @focus="stopPopUp" />     <price-keyboard></price-keyboard>   </div>export default {   methods: {     stopPopUp(e){       let target = e.target       target.blur()     }   }, }你期待的结果是什么？实际看到的错误信息又是什么？期望默认的弹出框不出现，现在用支付宝扫一下这个h5发现一切正常，但是用微信的时候发现如果快速点击2下input，弹出框有时候还是会出现，虽然只是偶现，但是体验就很差，请问还有什么方式能阻止弹出框出现？

Answer 1

既然是这种需求，为什么还要用input，用个div不是能省事很多