如何将行为附加到文档

Question

我试图将 KeyDown 事件绑定到文档中的所有“Input type=text”控件。 我不能依赖 CSS 选择器，因为页面会动态变化，所以我只知道什么时候 页面中有一个“Input type=text”，我必须捕获 keydown 事件并用它做一些事情......

我听说过 document.addEventListener() 但我不确定这是否是好的方法以及如何使用它。

我是 Javascript 和 DOM 的新手，请帮忙。

Answer 1

好的，我自己找到了答案，所以我会分享它。

我的目标是捕获所有 keydown 事件，因此我使用 addEventListener 和 3 个参数，您可以在下面看到，第一个：事件类型名称，第二个：函数事件处理程序，第三个：boolean 必需的，指定是否需要捕获事件。

window.onload = function () {

if (document.addEventListener)
{

//attach the event listener which acts globally to the document:
document.addEventListener("keydown",justDoIt,true);

}

}

function justDoIt(){alert("hobbes");}

最后，还缺少一件事，我不知道如何检测触发事件的元素的 id....如果有人知道请回复。

这就是全部：P BTW 刚刚在 Safari 上测试过。¡ 但它可以在 IE 和 FireFox 上工作......