Ontouch and hover

[Marcel]

Hi guys,

I hope somebody can help me out. I’m developing a site which is also ‘touchfriendly’. Now I’m experiencing troubles on getting hover to work on a touch device.

Here’s the link to the site:
http://4077699.mijnwinkel.nl/overmaaike/

The four blocks with the image have a div that’s expanding on hover. I want this work the same on a touch device.

What is the best way to get this working? (Without using very complex coding). I read something about ontouchstart and ontouchend but I can’t figure out the syntax on how to use this best.

Thanks for sharing your knowledge!

Regards,
Marcel

[Alen]

I’m experiencing troubles on getting hover to work on a touch device.

Think about that statement for a second.

Meanwhile: http://patrickhlauke.github.io/touch/

[Marcel]

Thanks for your reply, but I still can’t figure out how to apply this information to my specific situation.

I had hoped that someone could point or write me an example that I can use.

Thanks again,
Marcel

[Alen]

My point is that there is no hover on touch devices. That behavior is only related to mouse events. So in order to get the “hover” to work, you have to detect to see if device supports touch and apply different function to it, possibly on click event.

[Author]

Posts