blocks|key|3872383|text|input.setSelectionRange(0,+9999);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3872384|https://developer.mozilla.org/en/DOM/Input.select|unstyled|offset|length|3872385|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1D|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|Q|8|@]|9|@$G|R|H|S|1|T]]|A|$]]|$1|I|3|-4|5|F|7|U|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|E]]]]

<pre><code>input.setSelectionRange(0, 9999);
</code></pre>

<a href="https://developer.mozilla.org/en/DOM/Input.select" rel="noreferrer">https://developer.mozilla.org/en/DOM/Input.select</a>

blocks|key|1493928|text|这个线程中的任何东西对我都不起作用，下面是在我的iPad上有效的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1493929|//+t+is+the+input+field
setTimeout(function()+{
++++t.setSelectionRange(0,+9999);
},+1);|code-block|syntax|javascript|1493930|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Nothing in this thread worked for me, here's what works on my iPad:

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

blocks|key|2464091|text|很难证明是否定的，但我的研究表明这是Mobile+Safari中的一个bug。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2464092|请注意，focus()或多或少是有效的-尽管它可能需要多次点击才能成功，而且如果您正在尝试响应用户在有问题的字段上的点击，则没有必要这样做，因为点击本身就会给字段提供焦点。不幸的是，select()在Mobile+Safari中根本不起作用。|2464093|你最好的选择可能是用Apple写一个bug报告。|offset|length|2464094|entityMap|0|LINK|mutability|MUTABLE|url|https://bugreport.apple.com/^0|0|0|A|5|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@$F|S|G|T|1|U]]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

It's hard to prove a negative, but my research suggests this is a bug in Mobile Safari.

Note that focus() works, more or less—though it can require more than one tap to succeed, and it's not necessary if you're trying to respond to a user tap on the field in question as the tap itself will give the field focus. Unfortunately, select() is simply non-functional in Mobile Safari.

Your best bet may be a bug report with <a href="https://bugreport.apple.com/" rel="noreferrer">Apple</a>.

blocks|key|748510|text|See+this+fiddle：(在输入框中输入一些文本，然后单击“选择文本”)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|748511|它在我的iPod+(第5代iOS6.0.1)上选择输入框中的文本，打开键盘，并显示剪切/复制/建议...菜单|748512|使用纯javascript。我没有在jQuery中尝试这样做|748513|document.getElementById("p1").selectionStart+=+0
document.getElementById("p1").selectionEnd+=+999|code-block|syntax|javascript|748514|请注意，数字999只是一个示例。您应该将这些数字设置为要选择的字符数。|748515|更新：|style|BOLD|748516|748517|iPod5+-+iOS6.0.1+-工作正常。|unordered-list-item|748518|iPad1-+iOS5.1.1+-仅选择文本。轻触选择一次，打开剪切/复制菜单|748519|iPad2+-+iOS4.3.3+-只选择文本。轻拍选择一次，打开剪切/复制菜单|748520|748521|对于后两种情况，您可以尝试在input元素上触发一个单击事件|CODE|748522|更新：+(07-10-2013)|748523|748524|iPod5+-+iOS7.0.2+-在链接中使用小提琴:在输入框中看不到键入的文本。按select将我重定向到facebook.com+(？wtf？)不知道那里发生了什么。|748525|748526|更新：+(14-11-2013)|748527|748528|iOS+7.0.3+:多亏了来自binki更新的评论，.selectionStart和.selectionEnd+确实可以工作。|748529|748530|更新：+(15-01-2015)|748531|748532|iOS+8.x.x+:感谢Michael+Siebert的评论。摘自评论:我必须同时侦听focus和click事件，然后设置setTimeout/_.deboss以使其在这两种情况下都能工作:单击输入或通过Tab键|748533|来聚焦|748534|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/5e548/4/|1|https://stackoverflow.com/users/429091/binki|2^0|0|F|0|0|0|0|0|0|0|3|0|0|0|0|0|0|E|5|0|0|3|0|0|0|0|0|3|0|0|R|F|17|D|1L|4|G|5|1|0|0|0|3|0|0|D|F|2|0|0^^$0|@$1|2|3|4|5|6|7|1Y|8|@]|9|@$A|1Z|B|20|1|21]]|C|$]]|$1|D|3|E|5|6|7|22|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|23|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|24|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|6|7|25|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|26|8|@$A|27|B|28|Q|R]]|9|@]|C|$]]|$1|S|3|-4|5|6|7|29|8|@]|9|@]|C|$]]|$1|T|3|U|5|V|7|2A|8|@]|9|@]|C|$]]|$1|W|3|X|5|V|7|2B|8|@]|9|@]|C|$]]|$1|Y|3|Z|5|V|7|2C|8|@]|9|@]|C|$]]|$1|10|3|-4|5|6|7|2D|8|@]|9|@]|C|$]]|$1|11|3|12|5|6|7|2E|8|@$A|2F|B|2G|Q|13]]|9|@]|C|$]]|$1|14|3|15|5|6|7|2H|8|@$A|2I|B|2J|Q|R]]|9|@]|C|$]]|$1|16|3|-4|5|6|7|2K|8|@]|9|@]|C|$]]|$1|17|3|18|5|V|7|2L|8|@]|9|@]|C|$]]|$1|19|3|-4|5|6|7|2M|8|@]|9|@]|C|$]]|$1|1A|3|1B|5|6|7|2N|8|@$A|2O|B|2P|Q|R]]|9|@]|C|$]]|$1|1C|3|-4|5|6|7|2Q|8|@]|9|@]|C|$]]|$1|1D|3|1E|5|V|7|2R|8|@$A|2S|B|2T|Q|13]|$A|2U|B|2V|Q|13]|$A|2W|B|2X|Q|R]]|9|@$A|2Y|B|2Z|1|30]]|C|$]]|$1|1F|3|-4|5|6|7|31|8|@]|9|@]|C|$]]|$1|1G|3|1H|5|6|7|32|8|@$A|33|B|34|Q|R]]|9|@]|C|$]]|$1|1I|3|-4|5|6|7|35|8|@]|9|@]|C|$]]|$1|1J|3|1K|5|V|7|36|8|@]|9|@$A|37|B|38|1|39]]|C|$]]|$1|1L|3|1M|5|6|7|3A|8|@]|9|@]|C|$]]|$1|1N|3|-4|5|6|7|3B|8|@]|9|@]|C|$]]]|1O|$1P|$5|1Q|1R|1S|C|$1T|1U]]|1V|$5|1Q|1R|1S|C|$1T|1W]]|1X|$5|1Q|1R|1S|C|$1T|1W]]]]

<a href="http://jsfiddle.net/5e548/4/" rel="nofollow noreferrer">See this fiddle</a>: (enter some text in the input box and click 'select text')

It is selecting text in an inputbox on my iPod (5th gen iOS6.0.1), opening the keyboard and also showing the Cut/Copy/Suggest... menu

Using plain javascript. Did not try this with jQuery

<pre><code>document.getElementById("p1").selectionStart = 0
document.getElementById("p1").selectionEnd = 999
</code></pre>

Note that the number 999 is just a sample. You should set these numbers to the number of characters you want to select.

UPDATE:

<ul>
<li>iPod5 - iOS6.0.1 - Working ok.</li>
<li>iPad1 - iOS5.1.1 - Only text selected. Tap selection once to open Cut/Copy menu </li>
<li>iPad2 - iOS4.3.3 - Only text selected. Tap selection once to open Cut/Copy menu</li>
</ul>

For the last two, you might experiment by triggering a click event on the <code>input</code> element

UPDATE: (07-10-2013)

<ul>
<li>iPod5 - iOS7.0.2 - Using the fiddle in the link: Can't see typed text in input box.
 Pressing select redirects me to facebook.com (??? wtf ???) 
 no idea what's going on there.</li>
</ul>

UPDATE: (14-11-2013)

<ul>
<li>iOS 7.0.3 : Thanks to the comment from <a href="https://stackoverflow.com/users/429091/binki">binki</a> update that the 
 <code>.selectionStart</code> and <code>.selectionEnd</code> does work.</li>
</ul>

UPDATE: (15-01-2015)

<ul>
<li>iOS 8.x.x : Thanks to the comment from <a href="https://stackoverflow.com/users/429091/binki">Michael Siebert</a>. Taken from the comment:
 I had to listen for both focus AND click events and then setTimeout/_.debounce
 to make it work in both cases: click the input or focus through tabbing</li>
</ul>

blocks|key|750784|text|它看起来像是焦点将工作，但只有当直接从本机事件调用。使用像SetTimeout这样的东西调用焦点似乎不会调用键盘。ios键盘的控制非常差。这不是一个好的情况。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|750785|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

It looks like focus will work but only when directly called from a native event. calling focus using something like SetTimeout does not appear call up the keyboard. Control of the ios keyboard is very poor. Its not a good situation.

blocks|key|1496815|text|在Android+2.2附带的Webkit上，下面的内容对我来说很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1496816|function+trySelect(el)+{
++++setTimeout(function()+{
++++++++try+{
++++++++++++el.select();
++++++++}+catch+(e)+{
++++++++}
++++},+0);
}|code-block|syntax|javascript|1496817|请参见铬Issue+32865。|offset|length|1496818|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/chromium/issues/detail?id=32865#c6^0|0|0|4|B|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Something like the following is working for me for me on Webkit that comes with Android 2.2:

<pre><code>function trySelect(el) {
 setTimeout(function() {
 try {
 el.select();
 } catch (e) {
 }
 }, 0);
}
</code></pre>

See Chromium <a href="http://code.google.com/p/chromium/issues/detail?id=32865#c6" rel="nofollow">Issue 32865</a>.

blocks|key|3872534|text|对于iPad上的iOS+7，我能够做到这一点的唯一方法就是使用<textarea></textarea>而不是<input>字段。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3872535|例如：|3872536|<textarea+onclick="this.setSelectionRange(0,+9999);">My+text+will+be+selected+when+textarea+is+clicked.</textarea>|3872537|如何防止用户更改区域内的文本更加困难，因为您将文本区域设为只读，选择技巧将不再起作用。|3872538|entityMap^0|V|L|1J|7|0|0|0|36|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|W|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|M|$]]

With iOS 7 on iPad the only way that I was able to make this work was to use actually <code>&lt;textarea&gt;&lt;/textarea&gt;</code> instead of <code>&lt;input&gt;</code> field. 

e.g.

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

How to prevent user from changing text inside area was more difficult, since is you make textarea readonly the selection trick won't work anymore.

blocks|key|750906|text|我疯狂地寻找这个解决方案，而你的所有回复确实帮助我打开了另一个蠕虫罐头。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|750907|客户端希望用户能够点击并选择all，也可以让用户在iPad上点击‘’并选择all+(使用外部键盘)。我知道，疯狂...)|offset|length|style|BOLD|750908|我对这个问题的解决方案是，重新安排事件。首先单击Focus，然后单击，然后单击touchstart。|750909|$('#myFUBARid').on('focus+click+touchstart',+function(e){
++$(this).get(0).setSelectionRange(0,9999);
++//$(this).css("color",+"blue");
++e.preventDefault();
});|code-block|syntax|javascript|750910|我希望这对某些人有帮助，因为你们已经帮助过我无数次了。|750911|entityMap^0|0|X|R|0|0|1E|0|0|0|R|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@$D|U|E|V|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|W|8|@$D|X|E|Y|F|G]]|9|@]|A|$]]|$1|J|3|K|5|L|7|Z|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|10|8|@$D|11|E|12|F|G]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|R|$]]

I went nuts looking for this solution, while all your responses did help it opened another can of worms for me. 

The client wanted the user to be able to click and select all, and also let the user 'tab' and select all on the iPad (with an external keyboard. I know, crazy...)

My solution to this problem was, rearrange the events. First Focus, then Click, then touchstart. 

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

I hope this helps someone, as you lot have helped me countless times.

blocks|key|3872377|text|如果您使用的是兼容HTML5的浏览器，则可以在input标记中使用placeholder="xxx"。这应该可以完成这项工作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3872378|entityMap^0|N|5|X|H|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

If you are using HTML5-compliant browsers, you can use <code>placeholder="xxx"</code> in your <code>input</code> tag.
That should do the job.

How do you programmatically select the text of an input field on iOS devices, e.g. iPhone, iPad running mobile Safari?

Normally it is sufficient to call the <code>.select()</code> function on the <code>&lt;input ... /&gt;</code> element, but this does not work on those devices. The cursor is simply left at the end of the existing entry with no selection made.

Programmatically selecting text in an input field on iOS devices (mobile Safari)

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

如何在运行移动Safari的iPhone、iPad等iOS设备上以编程方式选择输入字段的文本？通常，在<input ... />元素上调用.select()函数就足够了，但这在这些设备上不起作用。光标只是停留在现有条目的末尾，不做任何选择。

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

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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