具有焦点的按钮 - 在“输入”上运行功能

Question

我的代码如下。它正在做我想要的。我还要做的是当用户使用键盘选中.add-row按钮然后按回车键时运行此功能。我怎么做那个跑步？

$('body').on('click', '.add-row', function(e) {
  $( this ).html('Hide').removeClass('add-row').addClass('hide-row');
  $( this ).parent().parent().next().show();
});

Answer 1

我的理解是你希望按钮有焦点，用户按回车来发射事件，是吗？如果是，那么使用:focus上的.add-row伪类选择器应该使用keypress事件

$("body").on("keypress", ".add-row:focus", function(e) {
    var ENTER_KEY_CODE = 13;
    if (e.keyCode === ENTER_KEY_CODE)
    {
        alert("Enter key pressed");
        // perform hide row and other operations here
    }
});