Swift中检测iPhone键盘退格键，解决日期输入斜杠无法删除问题

问题背景 #

我开发数据界面时不想使用日期选择器，自行编写了DD/MM/YY格式的日期输入代码，但遇到问题：自动添加的“/”无法通过退格键删除。需要实现逻辑：检测到退格键按下且最后一个字符为“/”时，删除该字符。同时需要能检测退格键的Swift代码示例。

原实现代码：

extension OneCreateAccountViewController {
    func textFieldDidChangeSelection(_ textField: UITextField) {
        
        if textField.placeholder == "DD/MM/YY" {
            
            if textField.text!.count >= 2 && textField.text!.count < 3  {
                textField.text! = "\(textField.text!)/"
            } else {
                if textField.text!.count >= 5 && textField.text!.count < 6   {
                    textField.text! = "\(textField.text!)/"
                } else {
                    if textField.text!.count >= 9 {
                        textField.text!.removeLast()
                    }
                }
            }
        }
    }
}

解决方法 #

1. 检测退格键的简单示例 #

通过UITextFieldDelegate的textField(_:shouldChangeCharactersIn:replacementString:)方法可以捕获退格操作，退格对应的replacementString为空字符串，且删除范围长度为1：

extension OneCreateAccountViewController: UITextFieldDelegate {
    func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
        // 判定为退格操作
        if string.isEmpty && range.length == 1 {
            print("Hi")
        }
        return true
    }
}

2. 完整优化后的日期输入实现 #

结合需求，我们可以在代理方法中统一处理自动加“/”和退格删除“/”的逻辑，同时限制输入为数字、控制格式：

extension OneCreateAccountViewController: UITextFieldDelegate {
    func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
        guard textField.placeholder == "DD/MM/YY", let currentText = textField.text else {
            return true
        }
        
        let newText = (currentText as NSString).replacingCharacters(in: range, with: string)
        
        // 处理退格操作：如果删除的是“/”，直接允许删除
        if string.isEmpty {
            let startIndex = currentText.index(currentText.startIndex, offsetBy: range.location)
            if range.length == 1 && startIndex < currentText.endIndex {
                let charToDelete = currentText[startIndex]
                if charToDelete == "/" {
                    return true
                }
            }
            // 限制退格后的文本长度不超过8（DD/MM/YY共8个有效字符）
            return newText.count <= 8
        }
        
        // 只允许输入数字
        guard CharacterSet.decimalDigits.isSuperset(of: CharacterSet(charactersIn: string)) else {
            return false
        }
        
        // 自动格式化日期字符串
        let filteredText = newText.replacingOccurrences(of: "/", with: "")
        var formattedText = ""
        for (index, char) in filteredText.enumerated() {
            formattedText.append(char)
            // 在第2、4位数字后添加“/”（注意索引从0开始）
            if (index == 1 || index == 3) && index < filteredText.count - 1 {
                formattedText.append("/")
            }
        }
        
        textField.text = formattedText
        // 返回false，因为我们已经手动设置了文本内容
        return false
    }
}

优化点说明 #

• 仅允许输入数字，避免非法字符干扰日期格式
• 自动在合适位置添加“/”，无需用户手动输入
• 退格时可直接删除自动添加的“/”，操作逻辑更符合用户习惯
• 限制文本长度，防止输入超出格式范围的内容

内容的提问来源于stack exchange，提问作者user27001303