javascript - 有没有更好的方法将 NodeList 连接到 Dojo 上的多个事件？

Question

我想将焦点和按键事件设置为查询结果。我希望每个事件都链接到不同的方法。我让它像这样工作:

query('td').on('focus', tdFocus);
query('td').on('keyup', tdKeyUp);

我知道我也可以这样做:

query('td').on('focus, keyup', tdEvent);

然后我会在方法中处理这两个事件(或者用 if 或其他东西调用适当的方法。但我认为应该有更好的方法来做到这一点。

但我觉得应该有更好的方法来做到这一点。有人知道更好的方法吗？比如只做一个查询并将两个事件设置为 2 种不同的方法？

Answer 1

您可以“缓存”查询结果并将您的事件处理程序 (KISS) 分开，例如:

var myQuery= query('td');
myQuery.on('focus', tdFocus);
myQuery.on('keyup', tdKeyUp);

优点:

• 只有一次对 DOM 的查询(这有利于提高性能)。
• 保持代码简洁，为每个监听器使用单独的回调，而不是使用一个“胖”回调，后者需要使用 switch 或 if 在内部处理所有事件监听器> 声明。