当前位置: 首页 > news >正文

微信小程序苹果手机自带的数字键盘老是弹出收起,影响用户体验,100%解决

文章目录

  • 1、index.wxml
  • 2、index.js
  • 3、index.wxss

1、index.wxml

<!--index.wxml-->
<view class="container"><view class="code-input-container"><view class="code-input-boxes"><!-- <block wx:for="{{codes}}" wx:for-index="index" wx:key="index"><inputtype="number"data-index="{{index}}"bindinput="onInput"maxlength="1"adjust-position="false"cursor-spacing="0"style="z-index: 1; width: 50px; height: 50px; text-align: center;"focus="{{focusIndex === index}}"disabled="true"/></block> --><!-- <block wx:for="{{codes}}" wx:for-index="index" wx:key="index"><inputtype="number"data-index="{{index}}"maxlength="1"adjust-position="false"cursor-spacing="0"style="z-index: 1; width: 80rpx; height: 100rpx; text-align: center;"focus="{{focusIndex === index}}"value="{{codes[index]}}" bindtap="onCodeTap" bindinput="onInput" placeholder=" " /></block> --><block wx:for="{{codes}}" wx:for-index="index" wx:key="index"><viewclass="code-input"data-index="{{index}}"bindtap="onCodeTap"style="width: 80rpx; height: 100rpx; text-align: center;"contenteditable="{{focusIndex === index}}">{{codes[index] || ''}}</view></block></view><!-- 自定义数字键盘 --><view class='numModal'><view><view bindtap='clickNum' data-num='1'>1</view><view bindtap='clickNum' data-num='2'>2</view><view bindtap='clickNum' data-num='3'>3</view></view><view><view bindtap='clickNum' data-num='4'>4</view><view bindtap='clickNum' 
http://www.lryc.cn/news/505778.html

相关文章:

  • sql中case when若条件重复 执行的顺序
  • 压力测试Jmeter简介
  • cesium 与 threejs 对比
  • 探索QScreen的信号与槽:动态响应屏幕变化
  • vLLM项目加入PyTorch生态系统,引领LLM推理新纪元
  • 索引-介绍结构语法
  • SpringBoot整合JDBC
  • XXE靶场
  • Elasticsearch:使用 Open Crawler 和 semantic text 进行语义搜索
  • Facebook的隐私保护政策:用户数据如何在平台上被管理?
  • 【ETCD】【源码阅读】深入解析 EtcdServer.applySnapshot方法
  • ‌HBase是什么,‌HBase介绍
  • 【Rust自学】3.3. 数据类型:复合类型
  • 【C++】小乐乐求和问题的高效求解与算法对比分析
  • configure错误:“C compiler cannot create executables“
  • PAT乙级 锤子剪刀布 巩固巩固map的使用
  • Webpack学习笔记(1)
  • 使用xpath规则进行提取数据并存储
  • 【物联网技术与应用】实验3:七彩LED灯闪烁
  • 素数回文数的个数
  • 车辆重识别代码笔记12.18
  • selenium 在已打开浏览器上继续调试
  • Sentry日志管理thinkphp8 tp8 sentry9 sentry8 php8.x配置步骤, tp8自定义异常处理类使用方法
  • 【经验分享】容器云搭建的知识点
  • Java对集合的操作方法
  • FreeRTOS--基础知识
  • Node的学习以及学习通过Node书写接口并简单操作数据库
  • 【Linux探索学习】第二十二弹——用户缓冲区:深入解析操作系统中数据交互时的缓冲区机制
  • Cesium-(Primitive)-(CylinderOutlineGeometry)
  • 【ETCD】【源码阅读】深入分析 storeTxnWrite.Put方法源码