代码之家  ›  专栏  ›  技术社区  ›  anatp_123

如何让按键在键盘上工作?

  •  2
  • anatp_123  · 技术社区  · 6 年前

    我试着让这个按钮不用点击就可以工作。

    我尝试过使用“提交”和“按钮”,除非用户单击按钮,否则都不起作用。

     <input id="txtDusNumber" class="form-control form-control-sm" type="text" />
     <input type="submit" name="submit" class="btn " value="Search" id="enter-btn" onclick="ShowCard()" />
     <input type="button" class="btn " value="Search" onclick="ShowCard()" />
    
    
    <script>
    function ShowCard() {
            var dusNumberVal = $('#txtDusNumber').val();
            if (dusNumberVal) {
                    $.ajax({
                            url: "@Url.Action("display","Card")",
                            data: { number: dusNumberVal },
                            type: 'GET',
                            success: function (result) {
                                    $('#results').html(result);
                            },
                            error: function () {
                                    alert("error...");
                            }
                    });
            } else {
                    alert('Please enter  Number.');
            }
    }
    </script>
    
    2 回复  |  直到 6 年前
        1
  •  2
  •   Falcon    6 年前

    试试这个:

    $(document).keypress(function(e) {
        if(e.which == 13) {
            ShowCard();
        }
    });
    
    
    function ShowCard(){
    ...
    }
    

    它所做的就是当页面被加载时,一旦按Enter键,Showcard函数就会被执行。

        2
  •  1
  •   colorswall    6 年前

    包裹 <button type="submit"> 在里面 <form> 标签