JavaScript;如何为事件添加参数？

Question

我有一个使用纯 JavaScript（无 JQuery）的网站，我想在文本框中捕获事件。 文本框在一个表格中，页面上可能有多个表格（具有自己的 ID）。 文本框由 Javascript 动态创建，并在 HTML 表格传送到浏览器后添加到表格中。

我正在尝试捕获 onkeyup 事件，并且知道包含触发该事件的文本框的表。

附加到 onkeyup 事件的函数被调用一个参数，即事件本身，它提供有关刚刚按下的键的信息。太好了，我能搞定，而且我知道关键，一切都好。

textbox.onkeyup = my.namespace.textboxAge;

my.namespace.textboxAge = function (event) { 
    console.log("I got the event:" + event.ToString()); };

我需要做的是在函数调用中附加附加信息，以便我获得原始事件以及表或表 ID。

当我将处理程序附加到 onkeyup 事件时，我考虑过一个闭包以捕获表引用，类似于...

var table = document.getElementByID("table5");
textbox.onkeyup = function (event,table) { 
    console.log("I got event:" + event.ToString() + " on table " + table.id); }

但这不起作用，附加闭包函数时未设置事件，因此在 onkeyup 触发时它仍然为空。

我现在已经解决了这个问题，但我对如何向事件添加信息感到困惑，并且想知道是否可能以及如何做到这一点。

Answer 1

从您的事件函数中删除参数。在您的代码中，table 变量在事件函数调用中被覆盖。如果从参数列表中省略它，则具有原始值：

var table = document.getElementByID("table5");
textbox.onkeyup = function (event) { 
    console.log("I got event:" + event.ToString() + " on table " + table.id); }

Answer 2

除了关于按下哪个键的信息外，原始事件将包含一个指向触发事件的 DOM 元素的指针。 .srcElement，或各种浏览器中的任何内容。这将是对触发事件的文本框的引用。您不能通过循环到 .parentNode 来跟踪该元素的 DOM 树，然后查看您点击了哪些表吗？

编辑：

好的，话虽如此，查看上面的代码，您可以向处理程序本身添加额外的信息。这是一种方法，也许是最“正确”的：

 textbox.onkeyup = function (extra1, extra2) {
   alert(extra1);
   alert(extra2);
   alert(event);
 }.bind(null, 'foo','bar');

这是一个小提琴：http://jsfiddle.net/it_turns_out/u0cnzpwd/2/