以编程方式在iOS设备上的输入字段中选择文本(移动版Safari)

Question

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

通常.select(),在<input ... />元素上调用函数就足够了,但这对这些设备不起作用.光标只是留在现有条目的末尾而没有做出选择.

Answer 1

input.setSelectionRange(0, 9999);

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

Answer 2

这个帖子中没有任何东西适合我,这是我的iPad上可以使用的:

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

Answer 3

很难证明是消极的,但我的研究表明这是Mobile Safari中的一个错误.

请注意,focus()可以或多或少地工作 - 虽然它可能需要多次点击才能成功,并且如果您尝试响应用户点击相关字段时没有必要,因为点按本身会给出字段焦点.不幸的是,选择()是简单地在移动Safari浏览器不起作用.

您最好的选择可能是Apple的错误报告.

Answer 4

看到这个小提琴 :(在输入框中输入一些文字,然后点击"选择文字")

它正在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元素上的单击事件来进行实验

更新:(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的评论.取自评论:我必须同时收听焦点和点击事件,然后设置时间输出/ _.去抖动以使其在两种情况下都有效:点击输入或通过标签对焦

Answer 5

对不起,在我之前的帖子中,我没有注意到Javascript意味着你想在Javascript中得到答案.

为了在UIWebView中使用javascript获得您想要的内容,我已经设法将两个重要的信息拼凑在一起以使其工作.不确定移动浏览器.

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

2. mouseUp事件正在撤消选择

因此(使用Prototype):

    input.observe('focus', function() {
      this.setSelectionRange(0, 9999);
    });
    input.observe('mouseup', function(event) {
      event.stop();
    });

诀窍.

马特