搜索

首页  >  问答  >  正文

javascript - 移动端 input 元素 focus 的时候调出键盘(自动触发 focus 事件的同时调出键盘)?

想做出来的效果是想手机淘宝那样,点搜索框跳到新页面,键盘自动出来。
淘宝是用原生的,我是 js。

试过用原生 js 和 jquery 添加 focus 事件,
也试过给一个按钮添加 click 事件绑定 input 的 focus 事件,通过触发 click 事件然后触发 focus ,
都没有用~

几十次中有那么一两次键盘能出来。
求大神指导。。。

有人也提了同样的问题
https://segmentfault.com/q/10...

天蓬老师天蓬老师2776 天前834

全部回复(2)我来回复

  • PHP中文网

    PHP中文网2017-04-11 10:10:31

    元素获得焦点时本来就会自动弹出虚拟键盘啊
    手机访问这个页面:http://output.jsbin.com/huzuv...

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>JS Bin</title>
    </head>
    <body>
      <input class="focus-element" type="tel">
      <button class="get-focus">获得焦点并弹出虚拟键盘</button>
      <script>
      (function($){
        $('.get-focus').addEventListener('click', function(){
          $('.focus-element').focus();
        });
      })(document.querySelector.bind(document));
      </script>
    </body>
    </html>

    回复
    0
  • 黄舟

    黄舟2017-04-11 10:10:31

    您好,您的问题解决了吗,我也遇到同样的问题

    回复
    0
  • 取消回复