在Kivy中实现点击ENTER按钮将TextInput内容追加至列表

核心逻辑很明确：你需要维护两个关键数据——输入框的当前内容，以及存储提交数字的列表。点击ENTER按钮时，执行「读取输入→验证（可选）→添加到列表→重置输入框」的流程即可。

示例1：Python Tkinter 实现 #

import tkinter as tk

def add_digit(digit):
    # 点击数字按钮时追加到输入框
    current = input_box.get()
    input_box.delete(0, tk.END)
    input_box.insert(0, current + str(digit))

def submit_number():
    # 点击ENTER按钮时处理
    num_str = input_box.get().strip()
    if num_str:  # 避免空输入
        # 转成整数或保留字符串，按需选择
        number = int(num_str)
        number_list.append(number)
        print(f"当前列表内容: {number_list}")  # 后续处理可直接使用这个列表
        input_box.delete(0, tk.END)  # 清空输入框提升体验

# 初始化窗口和数据
root = tk.Tk()
number_list = []  # 存储提交数字的列表

# 创建输入框
input_box = tk.Entry(root, width=15, font=('Arial', 16))
input_box.grid(row=0, column=0, columnspan=3, padx=5, pady=5)

# 创建数字按钮
digits = [1,2,3,4,5,6,7,8,9,0]
row = 1
col = 0
for d in digits:
    btn = tk.Button(root, text=str(d), width=5, font=('Arial', 14),
                    command=lambda d=d: add_digit(d))
    btn.grid(row=row, column=col, padx=2, pady=2)
    col += 1
    if col > 2:
        col = 0
        row += 1

# 创建ENTER按钮
enter_btn = tk.Button(root, text="ENTER", width=15, font=('Arial', 14),
                      command=submit_number)
enter_btn.grid(row=4, column=0, columnspan=3, padx=5, pady=5)

root.mainloop()

示例2：原生JavaScript + HTML 实现 #

<!DOCTYPE html>
<html>
<body>
    <input type="text" id="numberInput" readonly style="width:120px; font-size:18px;">
    <br>
    <!-- 数字按钮 -->
    <button onclick="addDigit('1')">1</button>
    <button onclick="addDigit('2')">2</button>
    <button onclick="addDigit('3')">3</button>
    <br>
    <button onclick="addDigit('4')">4</button>
    <button onclick="addDigit('5')">5</button>
    <button onclick="addDigit('6')">6</button>
    <br>
    <button onclick="addDigit('7')">7</button>
    <button onclick="addDigit('8')">8</button>
    <button onclick="addDigit('9')">9</button>
    <br>
    <button onclick="addDigit('0')">0</button>
    <button onclick="submitNumber()">ENTER</button>

    <script>
        let numberList = [];
        const inputBox = document.getElementById('numberInput');

        function addDigit(digit) {
            inputBox.value += digit;
        }

        function submitNumber() {
            const numStr = inputBox.value.trim();
            if (numStr) {
                const number = parseInt(numStr);
                numberList.push(number);
                console.log('当前列表内容:', numberList); // 后续处理直接用这个列表
                inputBox.value = ''; // 清空输入框
            }
        }
    </script>
</body>
</html>

关键注意点 #

• 可添加输入验证：比如判断输入是否为纯数字，避免非数字内容被添加到列表
• 如果需要保留带前导零的数字（如"0012"），去掉parseInt/int()转换，直接存储字符串即可
• 列表存储后，可根据需求做排序、求和、本地存储等后续处理

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