如何为属性创建javascript eventlistner

在jquery中，我可以使用属性轻松创建事件。下面是示例代码

$('body').on('mouseenter', '[email]', function(){})

我的html标签是这样的

内部

但我找不到任何解决方案，如何使用javascript实现这一点

有人知道如何使用javascript为属性添加事件侦听器吗？

使用

querySelector（）

：

document.querySelector（“[email]”）。addEventListener（'mouseenter'，doFunction）；
document.querySelector（'a[href^=“mailto:”）.addEventListener（'mouseenter'，doFunction）；
函数doFunction（）{
console.log（'hover'）；
}

悬停到电子邮件

Vanilla JS选择器可以很好地选择具有属性的元素。例如

target.closest（'[email]，a[href^=“mailto:”）

将为您提供至少匹配其中一个属性的目标祖先我可以在单个条件下使用多个queryselector吗？@KetanModi yes您可以。检查更新的答案。