如何将行为附加到文档

时间:2011-07-12 22:10:12

标签: javascript-events code-injection unobtrusive-javascript

我正在尝试将KeyDown事件绑定到文档中的所有“输入类型=文本”控件。 我不能依赖CSS选择器,因为页面动态变化,所以我只知道什么时候 在页面中有一个“输入类型=文本”,我必须抓住keydown事件并用它做一些事情....

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

我是javascript和DOM的新手,请帮助。

1 个答案:

答案 0 :(得分:0)

好的家伙,我自己找到答案,所以我会分享。

我的目标是捕获所有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上运行....