Выбор текста в мобильном Safari на iPhone

Question

Я пытаюсь сделать так, чтобы пользователь iphone мог скопировать некоторый текст в буфер обмена в мобильном сафари. Как в обычной «прикосновенной копии». Для копирования требуется конкретный бит текста. У меня есть полный выбор html-разметки для обертывания текста. Как я могу сделать это легко, а не наоборот? Например:

• Есть ли способ «выбрать все» текст при касании с помощью javascript? Тогда пользователь мог бы просто продолжать касаться, а затем выбрать копию?

• Есть ли способ вызвать «выбрать все»? Как вы можете при вводе текстового поля? После чего они могут выбрать копию?

• Если нет javascript-решения, как я могу организовать html, чтобы помочь Safari легко выбрать правильный бит текста? В противоположность просто слову или обертыванию div?

Я пробовал onFocus = "this.select()" для различных элементов, ни один из них не работает. Также попробовал onClick.

Те, кто попытался перенести сайт, который использует ZeroClipboard для iPhone, могут иметь некоторые идеи.

Приветствия

Answer 1

Попробуйте ontouchstart вместо ONFOCUS. Onfocus стреляет ок. 500 мс после ontouchend, так же, как onclick, onmousedown и onmouseup. См. http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW7 для получения дополнительной информации о событиях мыши.

Answer 2

Я столкнулся с той же проблемой. Событие onfocus является правильным для ловушки (ontouchstart не запускается, если вы используете кнопки iphone keyboard [next]/[prev].) Если вы установите предупреждение(); в обработчике onfocus = "" вы увидите всплывающее окно с предупреждением. Проблема в том, что this.select(); Я до сих пор не нашел ответа на это, но когда/если я это сделаю, я отправлю его здесь.

Answer 3

вместо this.select(); Я использовал следующее, и это сработало!

this.selectionStart=0; 
this.selectionEnd=this.value.length; 

Answer 4

Волшебное соус для меня было сочетание этих трех:

onFocus="this.selectionStart=0; this.selectionEnd=this.value.length;" <!-- for big screens --> 

onTouchEnd="this.selectionStart=0; this.selectionEnd=this.value.length;" <!-- for small screens --> 

onMouseUp="return false" <!-- to stop the jitters -->