Question

我正在制作一张桌子，目的是跟踪真实游戏的得分。因此，认为您可能输入了错误的值，我已经使单元格可编辑。我的问题是，当我输入一个值并按Enter键来获取值而不添加额外的行时，我该怎么办？

另外我想补充一点，我希望不能输入除数字之外的其他东西。

我的标记看起来像这样：

&amp;

Answer 1

我认为这就是你想要的。代码不是很好，但只花了我几分钟的时间去做，希望这给你提供想法，你可以自己擦亮（改善）。注意：您需要为此导入jQuery。这是试用它的链接： https://jsfiddle.net/bigneo/s4yksmby/1/

HTML：

<table>
    <tr>
        <td>Team 1</td>
        <td>Team 2</td>
    </tr>
    <tr>
        <td>
            <input id="t1" type="text"></input>
        </td>
        <td>
            <input id="t2" type="text"></input>
        </td>
    </tr>
</table>

和JS：

$(document).ready(function(){
    $('#t1').keypress(function(e){
        if(e.keyCode==13){
          if(isNaN(this.value)){
                this.select();   
            }
            else{
                $('#t2').focus();
                $('#t2').select();   
            }    
        }
    });

    $('#t2').keypress(function(e){
        if(e.keyCode==13){
            if(isNaN(this.value)){
                this.select();   
            }
            else{
          $('#t1').focus();
                $('#t1').select();   
            }   
        }
    });
});

可编辑的表格单元格值输入按下？

1 个答案: