Add files via upload

Author: 3code-type

3code_mobile.html

@@ -39,7 +39,8 @@
             align-items: center;
             background-color: var(--background-color);
             min-height: 100vh;
-            padding-bottom: 250px; /* 為鍵盤預留空間 */
+            /* 調整 padding-bottom 以容納多一行的數字鍵 */
+            padding-bottom: 280px; 
         }
 
         /* ------------------ 頂部區域 ------------------ */
@@ -230,8 +231,7 @@
             <div id="main-input">編碼顯示在此</div>
             <div id="candidate-display">候選字顯示在此...</div>
         </div>
-        
-        </div>
+    </div>
 
     <div class="keyboard-container" id="keyboard-container">
         </div>
@@ -247,26 +247,30 @@
             'h': 'Ｈ', 'i': 'Ｉ', 'j': 'Ｊ', 'k': 'Ｋ', 'l': 'Ｌ', 'm': 'Ｍ', 'n': 'Ｎ',
             'o': 'Ｏ', 'p': 'Ｐ', 'q': 'Ｑ', 'r': 'Ｒ', 's': 'Ｓ', 't': 'Ｔ', 'u': 'Ｕ',
             'v': 'Ｖ', 'w': 'Ｗ', 'x': 'Ｘ', 'y': 'Ｙ', 'z': 'Ｚ',
-            // 符號對應
+            // 數字與符號對應 (按鍵顯示)
+            '1': '1', '2': '2', '3': '3', '4': '4', '5': '5', 
+            '6': '6', '7': '7', '8': '8', '9': '9', '0': '0',
             "'": "〃", ';': '；', ',': '，', '.': '．', '/': '／', ' ': '空白鍵', 'enter': 'Enter', 'backspace': '刪除鍵', 
-            'shift': '三碼', // *** 修正: 中文模式顯示 '三碼'
+            'shift': '三碼', 
         };
         // 英文模式下的鍵盤顯示 (Shift 鍵顯示為 'En')
         const keyname_map_lower = {
             'a': 'a', 'b': 'b', 'c': 'c', 'd': 'd', 'e': 'e', 'f': 'f', 'g': 'g',
             'h': 'h', 'i': 'i', 'j': 'j', 'k': 'k', 'l': 'l', 'm': 'm', 'n': 'n',
             'o': 'o', 'p': 'p', 'q': 'q', 'r': 'r', 's': 's', 't': 't', 'u': 'u',
             'v': 'v', 'w': 'w', 'x': 'x', 'y': 'y', 'z': 'z',
+            // 數字與符號對應
+            '1': '1', '2': '2', '3': '3', '4': '4', '5': '5', 
+            '6': '6', '7': '7', '8': '8', '9': '9', '0': '0',
             "'": "'", ';': ';', ',': ',', '.': '.', '/': '/', ' ': ' ', 'enter': 'Enter', 'backspace': '刪除鍵', 
-            'shift': 'En', // *** 修正: 英文模式顯示 'En'
+            'shift': 'En', 
         };
 
         // DOM 元素
         const textOutput = document.getElementById('text-output');
         const mainInput = document.getElementById('main-input');
         const candidateDisplay = document.getElementById('candidate-display');
         const keyboardContainer = document.getElementById('keyboard-container');
-        // const modeDisplay = document.getElementById('mode-display'); // 已移除
         const copyButton = document.getElementById('copy-btn');
         const clearButton = document.getElementById('clear-btn');
 
@@ -311,7 +315,6 @@
                 const { newCodemap, newReverseCodemap } = parseCinData(text);
                 currentCodemap = newCodemap;
                 currentReverseCodemap = newReverseCodemap;
-                // updateModeDisplay(); // 已移除
                 mainInput.textContent = '編碼表載入成功';
             } catch (error) {
                 console.error(`載入 ${fileName} 時發生錯誤:`, error);
@@ -322,8 +325,14 @@
 
         // --- 處理中文模式輸入的核心函數 ---
         function handleChineseInput(code) {
-            // 忽略數字鍵
-            if (code.match(/^[1-90]$/)) {
+            const inputChar = code.toLowerCase();
+            
+            // 1. 數字鍵處理 (直接輸出半形數字)
+            if (inputChar.match(/^[0-9]$/)) {
+                if (currentCandidates.length > 0) {
+                    selectCandidate(0); // 如果有編碼，先上字
+                }
+                textOutput.textContent += inputChar; // 直接輸出數字
                 return;
             }
 
@@ -354,8 +363,7 @@
                 return;
             }
 
-            const inputChar = code.toLowerCase();
-            // 接受所有 26 字母和 5 符號的輸入
+            // 2. 字母 (a-z) 和符號 (;'./,) 用於編碼
             if (inputChar.match(/^[a-z;'./,<>]$/)) {
                 if (currentCode.length === MAX_CODE_LENGTH) {
                     if (currentCandidates.length > 0) {
@@ -387,7 +395,7 @@
                 return;
             }
 
-            // 處理英文字母和符號
+            // 處理英文字母、數字和符號
             if (char.length === 1) {
                 textOutput.textContent += char;
             }
@@ -460,7 +468,7 @@
             return displayString;
         }
 
-        // --- 更新鍵盤按鍵顯示 (專門處理 Shift 鍵的變動) ---
+        // --- 更新鍵盤按鍵顯示 ---
         function updateKeyboardDisplay() {
             const map = isEnglishMode ? keyname_map_lower : keyname_map_upper;
             document.querySelectorAll('.key[data-code]').forEach(keyElement => {
@@ -470,16 +478,16 @@
                 }
             });
 
-            // 確保 Shift 鍵在模式切換時正確顯示
             const shiftKey = document.querySelector('.key[data-code="shift"]');
             if (shiftKey) {
                 shiftKey.textContent = isEnglishMode ? keyname_map_lower['shift'] : keyname_map_upper['shift'];
             }
         }
 
-        // --- 動態生成手機優化鍵盤 ---
+        // --- 動態生成手機優化鍵盤 (新增數字行) ---
         function generateMobileKeyboard() {
             const layout_mobile = [
+                ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'], // 新增數字行
                 ['Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P'],
                 ['A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', ';'],
                 ['Z', 'X', 'C', 'V', 'B', 'N', 'M', ',', '.', '/', "'"],
@@ -514,13 +522,11 @@
                     }
 
                     key.dataset.code = code;
-                    // 初始顯示為中文模式 ('三碼')
                     key.textContent = keyname_map_upper[code] || keyText;
 
                     key.addEventListener('click', () => {
                         if (code === 'shift') {
                             isEnglishMode = !isEnglishMode;
-                            // updateModeDisplay(); // 已移除
                             updateKeyboardDisplay();
                             resetInputState();
                         } else if (isEnglishMode) {