Почему на ios не работает addEventListener('click')?

Question

[Intelix]

Есть такой скрипт:

window.addEventListener('DOMContentLoaded', () => {
    const targetElements = document.querySelectorAll('.technologies__card');
    const cssClass = 'hoverCard';
    targetElements.forEach((element) => {
        element.addEventListener('mouseenter', () => {
            element.classList.add(cssClass);
        });
        element.addEventListener('mouseleave', () => {
            element.classList.remove(cssClass);
        });
        element.addEventListener('click', () => {
            element.classList.add(cssClass);
        });
        element.addEventListener('blur', () => {
            element.classList.remove(cssClass);
        });
    });
});

Он должен при клике на technologies__card добавлять к ней класс hoverCard.
Но конкретно на ios устройствах это не работает, не пойму по какой причине, пробовал touchstart, touchend и прочее.
Пробовал document.readyState !== 'loading'.

Comments

[Александр Васильев]

сталкивался с таким, переделывал таргет-элемент на button, иначе ios не понимал

[ThunderCat]

Ошибки в консоли?

Answer 1

[ThunderCat]

Емнип window это объект браузера, со своими свойствами и евентами, в которые вроде даже DOMContentLoaded не входит (вместо него есть "load"), это евент документа. Скорее странно что это работает на не айос...

-window.addEventListener('DOMContentLoaded', () => {
+document.addEventListener('DOMContentLoaded', () => {

Answer 2

[Wispik]

Насколько помню, чтобы на ios работал onclick на элементе, это:
1. либо должна быть кнопка (button)
2. либо у элемента должно быть:
cursor: pointer;