p-table virtualScroll 按下空格键时滚动表格

Question

我尽了最大努力寻找解决方案，但这次我没有运气。 我正在使用 PrimeNG p-table 组件（具有可编辑字段），并且如果元素超过 100 个，我就会激活 virtualScroll。

当元素少于 100 个时，一切都可以正常工作，但是当元素数超过 100 个时（启用 virtualScroll 时），每次按空格键时，表格都会向下滚动一点，我无法在其中输入空字符我的输入字段。

我尝试执行阻止默认操作，这将阻止滚动，但仍然 - 我无法在单击空格键时添加空字符。

您有解决这个问题的好主意吗？我真的很感激。

Answer 1

可能的快速解决方法是仅当事件与您的特定输入字段相关时才阻止默认行为（在本例中事件键为“ ”或事件代码为 32）。类似这样的东西：

tableInputField.addEventListener('keydown', (event) => {
  if (event.key === ' ' || event.keyCode === 32) {
    event.preventDefault();
  }
});

如果不检查实际代码中的示例，我无法提供更多详细信息。希望它有效！