js select()文本在iphone上工作

Question

为什么这在每一个其他设备和每个浏览器上都有效，除非该浏览器是在iphone上(在本例中是iphone 4)？

<script type="text/javascript" lang="javascript">
        function FocusTextBox()
            {
                var text = document.getElementById("textBox_Search");
                text.select();
                text.focus();
            }
</script>

还尝试了jquery：

$("#<%=textBox_Search%>").click(function () { ("#<%=textBox_Search%>").Select() });

我正在寻找这种行为后，回发/按钮单击事件结束。示例截图：

​

​

FYI:这种行为被要求的原因是:移动设备有无线条形码扫描仪.需要能够一遍又一遍地扫描项目而不触摸屏幕。手动清除UPC框中的前一项将不起作用。需要自动完成。它只需选择先前输入的内容，以便在扫描的下一项中删除。扫描器只对每次扫描执行键盘输入功能。这个操作很好，并点击了按钮，因为它是页面上的默认按钮。但是，问题是，在iphone上，文本不会像上面的图片那样再次被选中。

在单击按钮后，我还尝试了从click执行一个.select()。我尝试过注册javascript并在单击事件按钮中最后执行它。除了iphone，所有这些都适用于所有设备。

想强迫我的员工买Android系统。LOL

Answer 1

这在iphone上根本行不通。请参阅以下答案：

How do I focus an HTML text field on an iPhone (causing the keyboard to come up)?

这是典型的苹果想法:为了用户友好而牺牲可用性。毫不奇怪，这是最终的答案。如果有人在附近找到工作，请告诉我！

如果你和我一样，想要更多的证实这确实是一个不幸的答案：https://discussions.apple.com/thread/5187540

Answer 2

为了突出显示最近导航器(http://kimblim.dk/css-tests/selectors/)上的文本(如iPhone )，您应该使用css3伪类 :focus、::selection和:hover，并向它们应用特定于的样式。

例如，如果我想在select上高亮显示黄色的<p id="textBox_Search">Text</p>，css将是：

#textBox_Search::selection { background-color: yellow; }

关于css3伪类的更多信息：classes.asp

您还可以使用jQuery进行此操作，如下所示：

$(function(){
    $('#textBox_Search:selected').css('background-color', 'yellow');
});

.css()函数在jQuery：http://api.jquery.com/css/中的详细信息

注意：JQuery是的最佳方式，因为它适用于每个导航器，而不是原始的javascript和css，它们在导航器之间很难兼容。学习如何使用这个框架的好方法是：http://learn.jquery.com/