javascript - 使用 Javascript 检测类的 onclick

Question

我正在向某些元素动态添加一个类。而且我需要获取添加的类所在的单击元素的innerHTML。任何人都可以知道如何通过引用类来获取 innerhtml 吗？

请注意，我不想使用像 jQuery 这样的任何 Javascript 库。

Answer 1

试试这个：

document.body.onclick = function(e) {
    var clickedEl = window.event ? event.srcElement : e.target;
    while (clickedEl != null) {
        if (clickedEl.className
            && (" " + clickedEl.className + " ").indexOf(" yourclass ") != -1) {
            // do something, e.g.,
            alert("Element with class was clicked");
            return;
        }
        clickedEl = clickedEl.parentNode;
    }
}​

演示：http: //jsfiddle.net/3qChA/

当单击具有类“yourclass”的任何元素或单击具有“yourclass”的元素的任何后代元素时，这将执行“某些操作”（在我的示例中显示警报）。显然，您可以根据需要用变量替换硬编码的“yourclass”。