[英]Programmatically selecting text in an input field on iOS devices (mobile Safari)
如何在iOS设备上以编程方式选择输入字段的文本,例如运行移动Safari的iPhone,iPad?
通常,在<input ... />
元素上调用.select()
函数就足够了,但这对这些设备不起作用。 光标只是留在现有条目的末尾而没有做出选择。
input.setSelectionRange(0, 9999);
这个帖子中没有任何东西适合我,这是我的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只是一个示例。 您应该将这些数字设置为您要选择的字符数。
更新:
对于最后两个,您可以通过在input
元素上触发click事件来进行实验
更新: (07-10-2013)
更新: (14-11-2013)
.selectionStart
和.selectionEnd
确实工作。 更新: (15-01-2015)
对不起,在我之前的帖子中,我没有注意到Javascript意味着你想在Javascript中得到答案。
为了在UIWebView中使用javascript获得您想要的内容,我已经设法将两个重要的信息拼凑在一起以使其工作。 不确定移动浏览器。
element.setSelectionRange(0,9999);
做我们想要的
mouseUp事件正在撤消选择
因此(使用Prototype):
input.observe('focus', function() { this.setSelectionRange(0, 9999); }); input.observe('mouseup', function(event) { event.stop(); });
诀窍。
马特
看起来焦点会起作用,但只有在从本机事件直接调用时才会起作用。 使用类似SetTimeout之类的东西调用焦点不会出现调用键盘。 控制ios键盘非常差。 这不是一个好的情况。
使用iPad上的iOS 7,我能够完成这项工作的唯一方法是使用<textarea></textarea>
而不是<input>
字段。
例如
<textarea onclick="this.setSelectionRange(0, 9999);">My text will be selected when textarea is clicked.</textarea>
如何防止用户更改区域内的文本更加困难,因为如果你只使用textarea,那么选择技巧将不再适用。
我疯狂地寻找这个解决方案, 而你的所有回复确实帮助它为我打开了另一种蠕虫。
客户希望用户能够点击并选择所有 , 并让用户'标签'并在iPad上选择所有 (使用外部键盘。我知道,疯了......)
我对这个问题的解决方案是重新排列事件。 首先关注 ,然后点击 ,然后触摸开始 。
$('#myFUBARid').on('focus click touchstart', function(e){
$(this).get(0).setSelectionRange(0,9999);
//$(this).css("color", "blue");
e.preventDefault();
});
我希望这对某些人有所帮助,因为你们已经无数次帮助了我。
在Android 2.2附带的Webkit上,以下内容适用于我:
function trySelect(el) {
setTimeout(function() {
try {
el.select();
} catch (e) {
}
}, 0);
}
见Chromium Issue 32865 。
如果您使用的是符合HTML5的浏览器,则可以在input
标记中使用placeholder="xxx"
。 那应该做的。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.