简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 移动端 input 元素 focus 的时候调出键盘（自动触发 focus 事件的同时调出键盘）？
天蓬老师
天蓬老师 2017-04-11 10:08:31
0
2
806

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

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

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

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

天蓬老师
天蓬老师

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

모든 응답(2)
Ty80
Ty802017-04-11 10:10:31 2층

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

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

좋다 +0
답글 추가
인기 주제
더>
인기 기사
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！