javascript - 移动端 input 元素 focus 的时候调出键盘(自动触发 focus 事件的同时调出键盘)?
天蓬老师
天蓬老师 2017-04-11 10:08:31
0
2
827

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

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

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

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

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

Antworte allen(2)
Ty80

元素获得焦点时本来就会自动弹出虚拟键盘啊
手机访问这个页面: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>
黄舟

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage