iOS 12 在系統中文鍵盤上使用 AutoFill 會遇到詭異的問題以及解決方案

摘要： 感謝我們 iOS 團隊的趙恆、劉家飛發現此 bug。 碼農的桌面.jpg 一. 問題描述 首先，建立一個 textField，使用 addTarget 函式來監聽 textField 的 editingChanged 事件。 lazy v...

感謝我們 iOS 團隊的趙恆、劉家飛發現此 bug。

一. 問題描述

首先，建立一個 textField，使用 addTarget 函式來監聽 textField 的 editingChanged 事件。

lazy var textField: UITextField = {
let tf = UITextField()
tf.keyboardType = .numberPad
tf.textAlignment = .center
tf.addTarget(self, action: #selector(valueChange(textField:)), for: .editingChanged)
return tf
}()


@objc func valueChange(textField:UITextField)
{
print("------value change---\(textFiled.text)----")
if (textFiled.text?.count == 6)
{
//do something 和伺服器通訊驗證使用者輸入的驗證碼是否正確
}
}

如果系統升級到最新的 iOS 12.0，並結合系統中文鍵盤使用 AutoFill (自動識別簡訊驗證碼)的功能，就會發現 valueChange 函式中 "do something" 的這段程式碼被 呼叫了三次 。

在 iOS 12 裝置上使用系統的 中文（簡體） 鍵盤或者 中文（繁體） 鍵盤會打印出以下 log

------value change---Optional("123456")----
------value change---Optional("123456")----
------value change---Optional("")----
------value change---Optional("1")----
------value change---Optional("12")----
------value change---Optional("123")----
------value change---Optional("1234")----
------value change---Optional("12345")----
------value change---Optional("123456")----

再測試一下系統其他語言的鍵盤，例如 英文（美國） 鍵盤或者 日文 鍵盤，打印出來的 log

------value change---Optional("")----
------value change---Optional("1")----
------value change---Optional("12")----
------value change---Optional("123")----
------value change---Optional("1234")----
------value change---Optional("12345")----
------value change---Optional("123456")----

由此，得出以下結論：

在系統中文鍵盤上 editingChanged 事件會莫名地多執行 兩次 。

使用 RxSwift 會得到同樣的結論，下面是使用 RxSwift 的程式碼片段：

textField.rx.text.orEmpty
.subscribe(onNext: { text in
let count = text.count
if count == 6 {
//do something 和伺服器通訊驗證使用者輸入的驗證碼是否正確
}
})
.disposed(by: bag)

二. bug report

三. 解決方案

使用 UITextFieldDelegate 來代替原先 editingChanged / RxSwift 的監聽事件，具體解決的程式碼片段如下：

func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
if range.location == 5 {
var text = ""
if let tfText = textField.text {
text = tfText + string
}
if text.count == 6 {
//do something 和伺服器通訊驗證使用者輸入的驗證碼是否正確
}
}
return true
}