apicloud apicloud

注册
查看: 2315|回复: 5

[模块教程] softInputMgr模块(弹出软键盘) demo演示

主题:
15
帖子:
60
云币:
343

APICloud粉丝女朋友强者

[模块教程] softInputMgr模块(弹出软键盘) demo演示

2315 5 | 发表于 2018-1-25 17:09:16 |阅读模式 | |
本帖最后由 伤飞工作室 于 2018-1-25 17:26 编辑
  1. <!DOCTYPE html>
  2. <html>

  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  6.     <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7.     <title>title</title>
  8.     <link rel="stylesheet" type="text/css" href="../css/api.css" />

  9. </head>

  10. <body>
  11.     <input type="text" placeholder="请输入搜索内容" id="search-input">
  12.     <a class="button" tapmode="active" onclick="opend()">弹出</a>
  13. </body>
  14. <script type="text/javascript" src="../script/api.js"></script>
  15. <script type="text/javascript">
  16.     apiready = function() {
  17.         
  18.     };
  19.         //该方法使用于打开win   自动触发软键盘(功能类似于淘宝的搜索框,点击搜索后自动定位光标、并弹出软键盘。)
  20.         //setimeout中的时间(400)将由打开win动画的时间定为,必须比打开动画时间大于100,如果默认不使用动画那就要写100
  21.      function opens(){
  22.             setTimeout(function() {
  23.                 var softInput = api.require('softInputMgr');
  24.                 softInput.toggleKeyboard();
  25.                 document.getElementById("search-input").focus()
  26.                 },400);
  27.         }
  28.         //该方法使用于已打开状态下的页面 手动触发软键盘
  29.         function opend(){
  30.                 var softInput = api.require('softInputMgr');
  31.                 softInput.toggleKeyboard();
  32.                 document.getElementById("search-input").focus()
  33.         }
  34. </script>

  35. </html>
复制代码


只放一个正在做的播放器,这里就不上传demo压缩包了   新手自己动手实验才是自己的

本帖子中包含更多资源    您需要 登录 才可以下载或查看,没有帐号?立即注册

老司机

UID:253706

主题:
177
帖子:
16974
云币:
8007
发表于 2018-1-25 18:22:42 |
感谢分享。

主题:
21
帖子:
170
云币:
338
发表于 2018-1-27 19:22:25 |
我就向问一下,softInputMgr模块我也用了,但是直接用弹不出软键盘,我翻了论坛里面的好多帖子才发现你这个帖子,试了一下,果然搞定,看了一下源码 , 理了一下你的逻辑,为什么0.4秒后去打开软键盘和定位焦点就可以了呢?原理是什么

主题:
15
帖子:
60
云币:
343

APICloud粉丝女朋友强者

 楼主| 发表于 2018-1-28 13:49:28 |
晨曦250 发表于 2018-1-27 19:22
我就向问一下,softInputMgr模块我也用了,但是直接用弹不出软键盘,我翻了论坛里面的好多帖子才发现你这个 ...

打开win窗口的同时启动软键盘  这样会弹出后自动隐藏,这个前提有个打开动画时间。
要等动画时间过了  才可以触发启动

实习司机

UID:378444

主题:
18
帖子:
198
云币:
182
发表于 2018-6-24 18:12:32 |
谢谢 收益了 直接使用模块的方法没有办法调出来

驾校小白

UID:798365

主题:
3
帖子:
7
云币:
10
发表于 2019-11-25 11:06:17 |
使用softInputMgr模块(弹出软键盘) demo演示时,报错 TypeError: Cannot read property 'toggleKeyboard' of undefined ,怎么解决?
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表