部分手机input的type=number时,键盘无法弹出
发布于 5 年前 作者 qiang92 12480 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)
  • 预期表现

应该进去默认弹出键盘,或者点击之后弹出

  • 复现路径
  • 提供一个最简复现 Demo

<view class=“password-box”>

<view class=‘password-wrapper’>

<!-- 伪装的input -->

<block wx:for="{{inputLength}}" wx:key=“item”>

<!-- 宽高可以由外部指定 -->

<view class=“password-item {{currentValue.length === index ? ‘password-active’ : ‘’}}” style=“width: {{inputWidth}}; height: {{inputHeight}}” catchtap=’_focusInput’>

<!-- 隐藏密码时显示的小圆点【自定义】 -->

<view wx:if="{{!showValue && currentValue.length>=index+1}}" class=“hidden”></view>

<!-- 显示密码时显示对应的值 -->

<view wx:if="{{showValue}}" class=“show”>

{{currentValue.length>=index+1?currentValue[index]:’’}}

</view>

</view>

</block>

</view>

<!-- 隐藏的输入框 -->

<input type=“number” password="{{true}}" value="{{currentValue}}" class=‘hidden-input’ maxlength="{{inputLength}}" focus="{{inputFocus}}" bindinput="_setCurrentValue"></input>

</view>

_focusInput() {

this.setData({

inputFocus: true

});

},

3 回复

请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)以及复现视频

碰到了类似的情况,之前把隐藏的input的宽高都设成了0,一直可以正常工作,今天发现无法弹出键盘了,尝试把宽高为0的样式去掉就ok了

我是用了display:none;今天也是突然发现focus弹不起来了,之前都好好的

回到顶部