javascript - 在窗口级别监听某些元素上的事件 - Javascript，无库

Question

我想监听 <p> 上的事件窗口或文档级别的元素，因为此类元素太多，无法为每个元素附加 onclick 事件处理程序。

这就是我所拥有的:

window.onload=function()
{
    window.addEventListener('click',onClick,false);
}
function onClick(event)
{
    alert(event.target.nodeName.toString());
}

我需要关于上面代码的建议，这样好吗？另外，如何检查单击的元素是否为 <p>检查以外的元素 nodeName ？例如，如果 <p>元素包含 <b>元素并被单击，nodeType 将是 b不是p .

谢谢。

Answer 1

我觉得不错，你可以这样检查

var e = event.target
while (e.tagName != 'P')
   if (!(e = e.parentNode))
       return
alert(e)