Programmatically selecting text in an input field on iOS devices (mobile Safari)

javascript iphone html safari ios
sroebuck picture sroebuck · Jul 17, 2010 · Viewed 72k times · Source

How do you programmatically select the text of an input field on iOS devices, e.g. iPhone, iPad running mobile Safari?

Normally it is sufficient to call the .select() function on the <input ... /> element, but this does not work on those devices. The cursor is simply left at the end of the existing entry with no selection made.

Answer

jobwat picture jobwat · Jun 10, 2011 
input.setSelectionRange(0, 9999);

https://developer.mozilla.org/en/DOM/Input.select

Related questions

Visual viewport vs Layout viewport on mobile devices

I've just read a nice article on viewport which left me with a couple questions regarding Visual viewport vs Layout viewport on mobile devices. the width and the height of the layout viewport are equal to whatever can be shown …

Read More
How do I put a clear button inside my HTML text input box like the iPhone does?

I want to have a nice little icon that, when clicked will clear the text in the <INPUT> box. This is to save space rather than having a clear link outside of the input box. My CSS skills …

Read More
QuotaExceededError: Dom exception 22: An attempt was made to add something to storage that exceeded the quota

Using LocalStorage on iPhone with iOS 7 throws this error. I've been looking around for a resolvant, but considering I'm not even browsing in private, nothing is relevant. I don't understand why localStorage would be disabled by default in iOS 7, but …

Read More