Question

我正在尝试在一个框中创建一个带英尺和英寸的输入字段。

当用户输入数字时，我希望脚符号'出现在它之后。

示例：

------------------------
| 5'                   |
------------------------

然后，当用户按下空格键并键入第二个数字时，我希望在其后面出现英寸符号"。

示例：

------------------------
| 5' 7"                |
------------------------

我该怎么做？

Answer 1

您可以使用此代码：

<!doctype html>
<html>
    <head>
        <script type="text/javascript">
            function myKeyPress(e){
                var input = document.getElementById('txt');
                var enteredChar = String.fromCharCode(e.which);
                if (isNaN(parseInt(enteredChar) || enteredChar != ' '))
                    return false;
                if(input.value.length == 0) {
                    input.value += enteredChar + "'";
                    return false;
                }
                if(input.value.length == 3) {
                    input.value += enteredChar + '"';
                    return false;
                }
            }
        </script>
    </head>
    <body>
        <input id="txt" type="text" onkeypress="return myKeyPress(event)"/>
    </body>
</html>

英尺和英寸在同一个输入框中？

1 个答案: