Creating JavaScript to make Hover function on iOS [duplicate]

Question

I'm working on this website and I don't currently know how to test this on iOS for free. I'm trying JavaScript out. Should this function? Sorry, I think I'm still a little new. Thanks

            const navbarElement = document.querySelectorAll('.navbar .subnav #raiseup img.catalogue-img');

            navbarElement.addEventListener('touchstart', function(e) {
              e.preventDefault(); // Prevents the default touch behavior
              this.classList.toggle('hovered');
            });

            // Optional: Remove the class on touchend or touchcancel
            navbarElement.addEventListener('touchend', function() {
              this.classList.remove('hovered');
            });

            navbarElement.addEventListener('touchcancel', function() {
                this.classList.remove('hovered');
            });

asmtilde · Accepted Answer · 2025-03-21 20:06:44Z

0

You're trying to add touch event listeners to a list of elements (querySelectorAll), not individual elements.

Use a forEach loop to add the listeners to each element found by querySelectorAll.

For testing on IOS, if you have a computer running MacOS, you can enable the develop menu in safari's preferences.

answered Mar 21 at 20:06

asmtilde

294 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Creating JavaScript to make Hover function on iOS [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related