在iPhone上的移動Safari中選擇文本

Question

我試圖讓iphone用戶輕松地將一些文本復制到移動版Safari中的剪貼板中。 與通常的“觸摸 - 復制”一樣。 我希望用戶復制一段特定的文本。 我可以完全選擇用於包裝文本的html標記。 我怎樣才能輕松而不是抄襲？ 例如：

• 有沒有辦法在使用javascript觸摸時“全選”文本？ 然后用戶可以繼續觸摸保持，然后選擇復制？

• 有沒有辦法提出“全選”選項？ 就像在文本框中輸入一樣？ 之后他們可以選擇復制嗎？

• 如果沒有javascript解決方案，我如何安排html以幫助Safari輕松選擇正確的文本位？ 與單詞或包裝div相反？

我已經嘗試過onFocus =“this.select（）”用於各種元素，似乎都沒有用。 也試過onClick。

那些試圖將使用ZeroClipboard的網站移植到iPhone上的人可能會有一些想法。

干杯

Answer 1

而不是this.select(); 我使用了以下內容並且有效！

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

Answer 2

對我來說，神奇的醬油是這三種組合：

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 -->

Answer 3

嘗試ontouchstart而不是onfocus。 Onfocus發射約。 在ontouchend之后500ms，與onclick，onmousedown和onmouseup相同。 有關鼠標事件的更多詳細信息，請參閱https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW7 。

Answer 4

我遇到了同樣的問題。 陷阱事件是正確的陷阱事件（如果您使用iphone鍵盤[next] / [prev]按鈕，則不會觸發ontouchstart。）如果您發出警報（）; 在你的onfocus =“”處理程序中，你會看到彈出警告框。 問題是this.select（）; 我還沒有找到答案，但是如果我這樣做，我會在這里發布。