I've very new to HTML/JavaScript but am learning…
I want to make a button on an iPhone that runs a JavaScript command when it is pressed and another when it is released. I tried to do this using onmousedown
and onmouseup
properties, but this does not work the same on iPhone.
<input type="image" onmousedown="command_press()" onmouseup="command_release()" src="images/UP-Dark.png" alt="" title="" />
Could someone please tell me how to do the same thing on the iPhone?
The equivalent for onmousedown
on touchscreen devices is ontouchstart
, and the equivalent of onmouseup
is ontouchend
.
If you would also like to detect dragging, you could use ontouchmove
which is fired every time you move your finger after touching the screen.
You might be interested in onpointerup
and onpointerdown
events which will work on both touch and non touch devices. Check browser support
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With