CODEWITHSUNDEEP
javascriptiphonemobile-safarionmousedownonmouseup
user3175352
user3175352

Reputation: 461

How to implement an onmousedown and onmouseup on an iPhone touch screen

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?

Upvotes: 46

Views: 34427

Answers (2)

Zectbumo
Zectbumo

Reputation: 4481

You might be interested in onpointerup and onpointerdown events which will work on both touch and non touch devices. Check browser support

Upvotes: 45

tckmn
tckmn

Reputation: 59333

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.

Upvotes: 51

Related Questions