javascript - JQuery ON 选择器不起作用

Question

我创建了自定义 JS 函数，它使用键盘来处理表格行。实际上，我使用向上/向下键选择行(预览详细信息)并使用 Enter 模拟双击(编辑详细信息)。

它运行良好，您可以在 http://jsfiddle.net/n6hn2/19/ 查看工作示例 只需专注于表格并尝试向上/向下/输入并查看控制台..

1. 为什么这不适用于选择器，就像这样

   $('#' + tableid).on('keyup', 'tbody', function(e) {...
   

   还尝试将 'tbody tr' 作为选择器，并且 $('#' + tableid + 'tbody tr') 但没有任何效果。

2. 当我在输入框 (search_article) 中输入内容并按回车键时，我的函数 DblClick 被触发。事实上，没有选择器也可以，但我不想要那样。

Answer 1

默认情况下，tbody 元素是不可聚焦的，您需要在 tbody 上设置任何 tabindex 属性，例如:

tabindex="-1"

查看完整 DEMO也使用 CSS 大纲:

#tableid :focus {outline:none;}

那么，您可以在 tbody 上使用 keyup 处理程序:

$('#' + tableid).on('keyup', 'tbody', function(e) {...});