javascript - 使用Javascript检测类的onclick

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

请注意，我不想使用jQuery之类的Javascript库。

最佳答案

尝试这个：

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”的元素的任何后代元素时，这将执行“某些操作”（在我的示例中显示警报）。显然，您可以适当地用变量替换硬编码的“您的类”。

关于javascript - 使用Javascript检测类的onclick，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11489458/