GPS项目中如何永久锁定HTML文本框值？求实现方案

没问题，这个需求完全可以用 HTML + JavaScript 实现，我给你整理了一套完整的方案，包含初始值锁定和实时海拔转换的逻辑：

• 当 GPS 首次输出有效海拔值时，自动将 textbox1 的值存入 textbox3，并锁定该输入框（禁止后续修改）
• 实时监听 textbox1 的动态变化，通过「当前 ASL 海拔 - 初始 ASL 海拔」计算地面高度，自动同步到 textbox2

<!DOCTYPE html>
<html>
<body>
    <div>
        <label>GPS 海拔（ASL）：</label>
        <input type="number" id="textbox1" placeholder="动态更新的ASL值">
    </div>
    <div>
        <label>地面高度：</label>
        <input type="number" id="textbox2" readonly placeholder="自动计算结果">
    </div>
    <div>
        <label>初始ASL锁定值：</label>
        <input type="number" id="textbox3" readonly placeholder="首次获取的初始值">
    </div>

    <script>
        // 获取DOM元素
        const textbox1 = document.getElementById('textbox1');
        const textbox2 = document.getElementById('textbox2');
        const textbox3 = document.getElementById('textbox3');
        
        // 标记初始值是否已锁定
        let isInitialValueLocked = false;

        // 监听textbox1的数值变化
        textbox1.addEventListener('input', () => {
            const currentASL = parseFloat(textbox1.value);
            
            // 仅当未锁定初始值，且当前有有效数值时，存储初始值并锁定
            if (!isInitialValueLocked && !isNaN(currentASL)) {
                textbox3.value = currentASL;
                isInitialValueLocked = true;
                // 若需要彻底禁止用户修改，可开启下面的disabled属性
                // textbox3.disabled = true;
            }

            // 计算地面高度：当前ASL - 初始ASL
            if (isInitialValueLocked) {
                const initialASL = parseFloat(textbox3.value);
                const groundHeight = currentASL - initialASL;
                // 保留两位小数（可根据需求调整精度）
                textbox2.value = groundHeight.toFixed(2);
            }
        });
    </script>
</body>
</html>

• 初始值锁定逻辑：用isInitialValueLocked变量做开关，确保只有第一次获取到有效数值时才会写入textbox3，后续动态更新不会覆盖
• 输入框保护：给textbox3设置readonly（或disabled）属性，用户无法手动修改，同时配合变量开关，JS也不会再更新它
• 实时计算：通过input事件监听textbox1的每一次变化，确保地面高度能实时同步更新
• 数值合法性判断：用parseFloat和isNaN过滤无效输入，避免出现计算错误

你可以直接运行这段代码测试，把textbox1当成动态更新的GPS数据源，第一次输入数值后，textbox3就会锁定，之后修改textbox1的值，textbox2会自动算出相对地面高度。

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