Javascript附加事件到类名

如果我有10个项目,使用类名关键字：

<div class="keyword"></div>

如何附加一个事件,例如点击这个元素.

我尝试了以下,但没有运气：(没有警报出现)

document.getElementsByClassName('.keyword').onclick = function()
{
    alert(true);
    Search.addKey(this.getElementsByClassName('name')[0].innerHTML);
}

要求：

>没有onclick属性
>没有jQuery或任何其他库

注意：元素不是在页面加载时生成的.他们的号码可以不同,每次你点击一个按钮例如.

我需要一种方法来附加到’future’中的’关键字’类的所有标签.

解决方法

您应该委派事件.尝试这个：

if (document.body.addEventListener)
{
    document.body.addEventListener('click',yourHandler,false);
}
else
{
    document.body.attachEvent('onclick',yourHandler);//for IE
}

function yourHandler(e)
{
    e = e || window.event;
    var target = e.target || e.srcElement;
    if (target.className.match(/keyword/))
    {
        //an element with the keyword Class was clicked
    }
}

您可以在quirksmode.com上查看有关事件委托的更多信息. AFAIK,这是实现你想要实现的最好方法.这就是所有主要的lib(原型,jQuery,…)在幕后工作

更新：

Here’s the fiddle,它包含了一些更多的解释.一个有趣的参考是this页.它帮助我了解IE和W3C事件的不同之处,而且至关重要的是,它有助于我了解事件授权的价值和无数的益处