明白了，對于蘋果手機（iOS），即使使用了 bindtap 和 e.preventDefault() 來阻止默認行為，系統(tǒng)鍵盤仍然可能會彈出。這是因為 iOS 對輸入框的處理方式與 Android 不同，尤其是在處理 input 元素時，iOS 會更加積極地彈出鍵盤。

解決方案

為了徹底防止 iOS 系統(tǒng)鍵盤彈出，我們可以采取以下幾種方法：

1. 使用 contenteditable="true" 替代 input：

   • contenteditable="true" 是一種 HTML 屬性，允許用戶編輯元素的內(nèi)容，但不會觸發(fā)系統(tǒng)鍵盤。我們可以用它來替代 input，并通過 JavaScript 動態(tài)更新內(nèi)容。

2. 隱藏 input 元素：

   • 我們可以創(chuàng)建一個不可見的 input 元素，并將其 display 設置為 none 或 visibility: hidden，以防止系統(tǒng)鍵盤彈出。然后通過自定義的 div 或 view 來顯示用戶輸入的內(nèi)容。

3. 使用 readonly 并結合 blur 事件：

   • 雖然 readonly 會導致系統(tǒng)鍵盤彈出，但我們可以在用戶點擊輸入框時立即調(diào)用 blur() 方法，強制取消焦點，從而防止鍵盤彈出。

推薦方案：使用 contenteditable="true"

這種方法不僅可以防止系統(tǒng)鍵盤彈出，還能確保用戶能夠看到輸入的內(nèi)容，并且代碼結構相對簡單。

修改后的代碼

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"><viewclass="code-input"data-index="{{index}}"bindtap="onCodeTap"style="width: 80rpx; height: 100rpx; text-align: center;"contenteditable="{{focusIndex === index}}">{{codes[index] || ''}}</view></block></view><!-- 自定義數(shù)字鍵盤 --><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' data-num='5'>5</view><view bindtap='clickNum' data-num='6'>6</view></view><view><view bindtap