具有对焦运行功能的按钮在'输入'

Button with focus - run function on 'Enter'

本文关键字：输入 按钮 运行 功能      更新时间：2023-09-26

我的代码如下。它在做我想做的事。我还想做的是在用户使用键盘tab到.add-row按钮然后按enter键时运行此函数。我该怎么跑呢?

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

我的理解是你希望按钮有焦点用户按回车键触发事件，对吧?如果是这样，那么在.add-row上使用:focus伪类选择器应该可以使用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
    }
});
相关文章：