javascript - 输入键以在 javascript 中附加容器

Question

注意:我是 javascript 的新手，所以如果这看起来微不足道，我们深表歉意。

我有一些代码可以通过单击鼠标按钮将新容器添加到现有容器。

使用 .click() 函数添加一个新类，然后调整大小，最后附加到父容器。

有没有一种方法也可以通过“回车”键来完成？

  C.prototype.addSolutionContainerTo = function ($container) {
    var self = this;

    self.$solutionContainer = $('<div/>', {
      'class': 'h5p-guess-answer-solution-container',
    }).click(function () {
      $(this).addClass('h5p-guess-answer-showing-solution').html(self.params.solutionText);
      self.trigger('resize');
    }).appendTo($container);
  };

  return C;
})

我找到的一个解决方案是:

$(this).keypress(function (event) {
  if (event.keyCode === 13) {
    $(this).addClass('h5p-guess-answer-showing-solution').html(this.params.solutionText);
    self.trigger('resize'); 
  }
});

但是，它似乎不起作用，甚至不会抛出控制台日志。

Answer 1

假设无论页面上“聚焦”什么元素，您都希望回车键起作用，您可以考虑将按键事件附加到文档，如下所示:

$(document).keypress(function(event){
  if (event.keyCode === 13) $button.click();
});