javascript - 如何使按钮在键盘Enter上起作用？

我正在尝试使按钮正常工作而不点击它。

我尝试过，但是使用'Submit'和'button'，除非用户单击按钮，否则它们都不会起作用。

 <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>

最佳答案

尝试这个：

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


function ShowCard(){
...
}

它的作用是在加载页面后，按Enter键，将执行ShowCard函数。