e.target 仅适用于链接

Question

我是一个菜鸟，我正在开发一个 chrome 插件，它提供有关在网页中单击的元素的信息，

它工作正常，但问题是 e.target 仅适用于链接和输入框，但是当我单击某些文本时它不执行任何操作，它是空白的 [预期：内部 div 的 id/class/etc文本存在]

这是我的代码（请不要标记我，因为我真的很陌生）：

document.addEventListener("click", function (e) {
    var dom_id    = e.target.getAttribute("id");
    var dom_name  = e.target.name.toString();
    var dom_class = e.target.className.toString();
    var dom_html  = e.target.innerHTML;
    var dom_href  = e.target.getAttribute("href");
    var dom_text  = e.target.text;
    var dom_el    = e.target.tagName;
    var dom_src   = e.target.src;
}, false);

我想要的是当我点击div 时，我应该得到 div 信息，span 应该给出 span 信息，等等。

Answer 1

问题

由于（基于您的 another question），似乎监听器已正确注册（例如，在加载 DOM 之后，我看到的唯一问题是您正在调用 e.target.name.toString(); .

解释

它只适用于具有name 属性集的元素（不仅适用于链接或输入，还适用于任何具有name 属性的元素）。对于没有name 的元素，将引发异常，因为您正在调用undefined 的方法toString（当name 属性缺失时，e.target.name 等于undefined）。
_{（注意className 不是这种情况，因为className 指的是元素属性（不是直接class 属性，当class 属性缺失时它默认为空字符串。）}

解决办法

只需删除 .toString() 部分即可：

var dom_name = e.target.name;

根据您稍后使用该 var 的方式，如果未定义，您可能需要添加检查并将其设置为空字符串：
var dom_name = (e.target.name !== undefined) ? e.target.name : '';