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

javascript iphone mobile-safari onmousedown onmouseup
user3175352 picture user3175352 · Jan 9, 2014 · Viewed 21.6k times · Source

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?

Answer

tckmn picture tckmn · Jan 9, 2014

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.

Related questions

Javascript for "Add to Home Screen" on iPhone?

Is it possible to use Javascript to emulate the Add to Home Screen option in Mobile Safari's bookmark menu? Something similar to IE's window.external.AddFavorite(location.href, document.title); possibly?

Read More
Fixed positioning in Mobile Safari

Is it possible to position an element fixed relative to the viewport in Mobile Safari? As many have noted, position: fixed doesn't work, but Gmail just came out with a solution that almost is what I want – see the floating …

Read More
Determine if user navigated from mobile Safari

I have an app, and I'd like to redirect the users to different pages based on where they are navigating from. If navigating from web clip, do not redirect. If navigating from mobile Safari, redirect to safari.aspx. If navigating …

Read More