Открыть Javascript функцию через Css файл

Question

У меня проблема, я хочу использовать функцию Javascript, когда кто-то нажимает на изображение на веб-сайте. Я использовал Wordpress Avada для создания сайта, и теперь я хочу использовать создание пользовательского оверлея. Но я не могу добавить к изображению функцию Javascript ("on ()") (такой опции нет). Есть ли способ использовать класс css для добавления функции к элементам? Спасибо за любой полезный ответ ^^

Answer 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 загружается, все элементы должны уже существовать в ДОМ.