在Android网页浏览器中关闭html输入元素焦点

Question

我在这里： - 我在Android浏览器上加载html页面; - 当我选择SELECT DATE时，输入元素的类型为=＆＃34; text＆＃34;获得焦点并使用jQuery加载日期选择器; - 但作为获得焦点的副作用，我显示了Android键盘;

如何解除键盘，但同时使用type =＆＃34; text＆＃34;来关注此输入元素？

有一些要求： 1）必须在html页面中配置逻辑（我的意思是不在Android设备上，而是在html，js或css中）; 2）输入字段不能被隐藏，禁用或带走（它将带走日期选择器）;

Answer 1

我认为我找到了简短明了的解决方案：

• 将此属性添加到此输入元素：readonly =“readonly” 所以最后我的输入元素将如下所示：

  ＆LT; input type =“text”id =“datepicker” readonly =“readonly” ...＆gt;

它将显示jQuery日期选择器，同时它不会触发Android设备键盘显示;

希望它对其他人有所帮助。

Answer 2

试试这个！

在文本字段中添加<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </script> <select name="select1" id="select1"> <option value="">Select Country</option> <option value="india">India</option> <option value="america">America</option> </select> <select name="select2" id="select2" style="display: none;"> <option value="">Select State</option> <option data-value="india" value="orissa">Orissa</option> <option data-value="india" value="telangan">Telangan</option> <option data-value="america" value="america">USA</option> <option data-value="america" value="america">California</option> </select> <select name="select3" id="select3" style="display: none;"> <option value="">Select city</option> <option data-value="orissa">Nal</option> <option data-value="orissa">Mir</option> <option data-value="telangan">Hyd</option> <option data-value="telangan">Vija</option> <option data-value="america">KRK</option> <option data-value="america">MRK</option> </select>。

例如，

onfocus="blur();"