加载网页时，如何在 ipad 浏览器中聚焦文本框？答案

【问题标题】：When web page is loaded , how to focus a textbox in ipad browser?加载网页时，如何在 ipad 浏览器中聚焦文本框？
【发布时间】：2017-10-27 06:44:02
【问题描述】：

我想在加载网页时聚焦一个文本框。这些代码在 PC 浏览器（谷歌浏览器、Internet Explorer 等）上执行，但如果您在 Ipad 浏览器上输入，则无法正常工作。问题是什么？这个主题对我来说非常重要。请..

  <asp:TextBox ID="txt_arama2" runat="server" Width="60%"></asp:TextBox>    

  window.onload = function() {
  document.getElementById("txt_arama2").focus();
  };

【问题讨论】：

标签： javascript jquery ipad focus setfocus

【解决方案1】：

问题是，当 asp 文本框被渲染时，ID 会将其名称更改为：

ctl00$m$g_5283b87a_5e59_4ac5_8266_7c4bd2119e8d$ctl00$txt_arama2

尝试添加一个类并使用class 属性访问元素。

<asp:TextBox ID="txt_arama2" CssClass="myClass" runat="server" Width="60%"></asp:TextBox>    

  window.onload = function() {
  document.getElementsByClassName("myClass")[0].focus();
  };

【讨论】：

感谢您的帮助。但它不能通过这种方式工作。在页面上，Textbox 没有获得焦点。
对不起，我忘了一件事。 document.getElementsByClassName 方法返回一个 DOM 元素数组。所以你只需要通过在方法后面添加[0]来选择第一个。请查看我的更新代码。
你说得对，因为改变了它们才有效。实际上我的问题是：如果您在 PC 浏览器上输入，则文本框是焦点。但是如果你是用Ipad浏览器输入的，文本框是没有焦点的。我不明白。你对这个主题有什么想法吗？
我没有任何苹果产品，所以我不能告诉你为什么这不起作用。但是关于“ipad textbox focus javascript”的快速搜索给了我很多关于这个问题的链接。这可能是您的解决方案，但它使用的是 jquery 而不是本机 javascript。也许它可以帮助您解决问题。 stackoverflow.com/questions/30752250/…