Jquery 跨浏览器获取单击的html元素值时的差异

$（函数（）
{
$（“按钮”）。在（“单击”，显示）；
});
功能表演（e）
{
$（“#数据”）.append（e.target.nodeName+，）；
$（“#数据”）.append（例如target.value+'
'）；
}

点击这里

只需使用JQuery

$（此）

选择器，您就不必担心Firefox/Chrome

另外，如果您想要元素的属性

值

，

.val（）

在这里，但是如果您想要文本，请使用

.text（）

$（函数（）{
$（“按钮”）。在（“单击”，函数（）上）{
$（“#数据”）.append（“”+this.nodeName+”
“+$（this.text（）+”
”）；
});
});

点击这里
毕竟这就是jquery的目的；）跨浏览器兼容性因此，你建议使用$（e.target）.text（）获取值？不，我建议看一下下面Zenoo的解决方案。在vanilla js和jquery中，您不需要处理
e
，您可以使用
this
或
${this}
来引用目标。此外，jquery将规范化属性，使它们能够跨浏览器兼容。@GottZ，谢谢，我在编码方面没有太多经验，不知道使用e获取值会导致问题。我将按照建议使用“this”。
e
是事件<代码>此

是触发事件的元素。使用

e

非常好，但是当您想要弄乱已分配事件的元素时，应该使用

this

e.target

可能与

不同，例如，如果您在
上有一个单击处理程序，它将为您提供实际单击的元素。非