通过 Css 文件打开 Javascript 函数

【问题标题】：Open Javascript Function via Css file通过 Css 文件打开 Javascript 函数
【发布时间】：2020-05-28 10:51:56
【问题描述】：

我有一个问题，当有人点击网站上的图片时，我想使用 Javascript 函数。我使用 Wordpress Avada 来构建网站，现在我想使用构建自定义覆盖。但我无法将 Javascript 函数 ("on()") 添加到图像中（没有这样的选项）。有没有办法使用 css 类将函数添加到元素中感谢任何有用的回复^^

【问题讨论】：

stackoverflow.com/help/how-to-ask

标签： javascript html css wordpress

【解决方案1】：

不幸的是，CSS 中没有这样的东西。

但是您可以分配您提到的课程，例如。 .onclick-class

然后你可以在 javascript 文件中附加你的行为：

const elements = document.querySelectorAll(".onclick-class") //picks all elements with your class
elements.forEach(item => item.addEventListener("click", on)) //attach click listener to call your "on()" function to every element

请记住，无论何时加载此 javascript 代码，所有元素都必须已存在于 DOM 中。

【讨论】：