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不是能省事很多

Answer 2

用disabled，然后用click