在iOS设备（移动Safari）上以编程方式在输入字段中选择文本

您如何在iOS设备（例如运行移动Safari的iPhone，iPad）上以编程方式选择输入字段的文本？

通常.select()，在<input ... />元素上调用函数就足够了，但这在那些设备上不起作用。光标仅停留在现有条目的末尾，而没有进行选择。

input.setSelectionRange(0, 9999);

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

此线程对我没有任何作用，这是在我的iPad上起作用的内容：

// t is the input field
setTimeout(function() {
    t.setSelectionRange(0, 9999);
}, 1);

很难证明是否定的，但是我的研究表明这是Mobile Safari中的错误。

请注意，focus（）或多或少都起作用，尽管它可能需要多次轻击才能成功，并且如果您尝试响应所涉及字段上的用户轻击，则没有必要，因为轻击本身会给该字段焦点。不幸的是，选择（）是简单地在移动Safari浏览器不起作用。

最好的选择可能是与Apple一起发布错误报告。

看到这个小提琴：（在输入框中输入一些文本，然后单击“选择文本”）

它正在iPod（第5代iOS6.0.1第五代）的输入框中选择文本，打开键盘并显示“剪切/复制/建议...”菜单。

使用纯JavaScript。没有尝试使用jQuery

document.getElementById("p1").selectionStart = 0
document.getElementById("p1").selectionEnd = 999

请注意，数字999仅是示例。您应该将这些数字设置为要选择的字符数。

更新：

• iPod5-iOS6.0.1-正常运行。
• iPad1-iOS5.1.1-仅选择文本。点击一次选择以打开剪切/复制菜单
• iPad2-iOS4.3.3-仅选择文本。点击一次选择以打开剪切/复制菜单

对于最后两个，您可以通过触发input元素上的click事件进行实验

更新：（07-10-2013）

• iPod5-iOS7.0.2-使用链接中的小提琴：在输入框中看不到键入的文本。按选择键将我重定向到facebook.com（??? wtf ???），不知道发生了什么。

更新：（14-11-2013）

• iOS 7.0.3：感谢binki更新的注释， .selectionStart并且.selectionEnd 确实起作用。

更新：（15-01-2015）

• iOS 8.xx：感谢Michael Siebert的评论。摘自评论：我必须同时监听焦点和单击事件，然后监听setTimeout / _。debounce才能在两种情况下均能正常工作：单击输入或通过制表符聚焦

抱歉，在我之前的文章中，我没有注意到Javascript暗示您需要Java答案。

为了使用javascript在UIWebView中获得所需的内容，我设法将两个重要的信息拼凑起来以使其正常工作。不确定移动浏览器。

1. element.setSelectionRange(0,9999); 做我们想要的

2. mouseUp事件正在撤消选择

因此（使用原型）：

    input.observe（'focus'，function（）{
      this.setSelectionRange（0，9999）;
    }）;
    input.observe（'mouseup'，function（event）{
      event.stop（）;
    }）;

绝招。

马特

看起来焦点将起作用，但仅当从本地事件直接调用时才起作用。使用SetTimeout之类的方法来调用焦点不会出现在键盘上。ios键盘的控制非常差。这不是一个好情况。

在Android 2.2随附的Webkit上，以下内容对我来说很有效：

function trySelect(el) {
    setTimeout(function() {
        try {
            el.select();
        } catch (e) {
        }
    }, 0);
}

参见Chromium Issue 32865。

使用iPad上的iOS 7，我能够完成这项工作的唯一方法是实际使用它<textarea></textarea>而不是使用<input>字段。

例如

<textarea onclick="this.setSelectionRange(0, 9999);">My text will be selected when textarea is clicked.</textarea>

如何阻止用户更改区域内的文本更加困难，因为您将文本区域设置为只读时，选择技巧将不再起作用。

我很疯狂地在寻找这种解决方案，而您的所有答复都帮助它为我打开了另一罐蠕虫。

客户端希望用户能够单击并选择全部，还让用户“制表”并在iPad上选择全部（使用外部键盘。我知道，这很疯狂...）

我对这个问题的解决方案是重新安排事件。首先聚焦，然后单击，然后触摸开始。

$('#myFUBARid').on('focus click touchstart', function(e){
  $(this).get(0).setSelectionRange(0,9999);
  //$(this).css("color", "blue");
  e.preventDefault();
});

我希望这对某人有帮助，因为您为我提供了无数次帮助。

如果您使用的是HTML5兼容的浏览器，则可以placeholder="xxx"在input标记中使用。那应该做的。