ionic开发中点击input时键盘自动弹出
转载 & & 作者：Elain红红
ionic开发移动端界面时，在输入用户名和密码的时候，输入法不要挡住我的输入框，并且输入框往上滚动的时候，顶部标题不要上移，下面给大家分享实现代码，一起看看吧
ionic开发移动端界面时，在输入用户名和密码的时候，我希望输入法不要挡住我的输入框，并且输入框往上滚动的时候，顶部标题不要上移，只是input内容部分往上移动，点击密码输入框时我还想看见按钮，这样不用关闭输入法，也可以直接点击登录按钮，关闭输入法自动恢复成默认的界面，用户体验不错哦~；找了很多代码，以下代码是我想要的效果：
.directive('focusInput', ['$ionicScrollDelegate', '$window', '$timeout', '$ionicPosition', function ($ionicScrollDelegate, $window, $timeout, $ionicPosition) {
restrict: 'A',
scope: false,
link: function ($scope, iElm, iAttrs, controller) {
if (ionic.Platform.isIOS()) {
iElm.on('focus', function () {
var top = $ionicScrollDelegate.getScrollPosition().
var eleTop = ($ionicPosition.offset(iElm).top) / 2
var realTop = eleTop +
$timeout(function () {
if (!$scope.$last) {
$ionicScrollDelegate.scrollTo(0,realTop);
var aim = angular.element(document).find('.scroll')
aim.css('transform', 'translate3d(0px,' + '-' + realTop + 'px, 0px) scale(1)');
$timeout(function () {
iElm[0].focus();
console.log(2);
} catch (e) {
点击输入框前的界面：
点击输入框后的界面：
以上所述是小编给大家介绍的ionic开发中点击input时键盘自动弹出，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具Ionic Cordova实现软键盘的监听 以及操作大全 - 简书
Ionic Cordova实现软键盘的监听 以及操作大全
今天在做项目的时候，在键盘显示的时候隐藏某些操作，键盘隐藏的时候，打开某些操作。网上找了很久，才找到具体的监听事件，特此记录下来，供大家参考：
首先需要添加插件：
cordova plugin add ionic-plugin-keyboard --save
1.软键盘显示监听
window.addEventListener('native.keyboardshow', function (e) {
// todo 进行键盘可用时操作
//e.keyboardHeight 表示软件盘显示的时候的高度
2.软键盘隐藏监听
window.addEventListener('native.keyboardhide', function (e) {
// todo 进行键盘不可用时操作
3. 打开软键盘
cordova.plugins.Keyboard.show();
4. 关闭软键盘
cordova.plugins.Keyboard.close();
5. 判断软键盘是否可用
cordova.plugins.Keyboard.isVisible
注意，这个不是方法，是一个属性。
6. 显示隐藏键盘附件栏
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false);
7. 禁止和允许滑动
cordova.plugins.Keyboard.disableScroll(true);
cordova.plugins.Keyboard.disableScroll(false);
我的博客：
我的简书：
我的CSDN：
我的GitHub：
小白一枚，一起进步。
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金相信有很多朋友...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金 相信有很多...
用到的组件 1、通过CocoaPods安装 2、第三方类库安装 3、第三方服务 友盟社会化分享组件 友盟用户反馈 友盟自动更新 环信即时IM系统 极光推送 &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&...
用到的组件1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SDWebImage多个缩略图缓存组件 UICKeyChainStore存放用户账号密码组件 Reachability监测网络状态 DateTools友好...
原文链接：https://github.com/opendigg/awesome-github-android-ui 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新ViewPager图表(Chart)菜单(...
我这段时间很讨厌心理学，感觉那些观点满满套路又没有用心在体会别人的感受！ 这段时间，我慢慢适应抑制需求，不论期许的是什么。说得好听叫做知足常乐！呵呵
小汪是我们医院骨科陈医生的妻子，刚刚在我们产房顺产生下一个小宝宝。 抱着儿子，陈医生高兴的不撒手，别提多喜爱了，就连给孩子换脏了的纸尿裤，都说香的。 看着丈夫的幸福样，小汪笑着说：“你呀，真是一个贱骨头。” 听到妻子这么说自己，陈医生一点也没有生气，扶了扶鼻子上的眼镜，慢条...
普通心理学 《普通心理学》（修订版） 彭聃龄主编 北京师范大学出版社 《心理学导论》 梁宁建主编 上海教育出版社 教育心理学 《当代教育心理学》 陈琦、刘儒德主编 北京师范大学出版社 《教育心理学》 冯忠良等著 人民教育出版社 发展心理学 《发展心理学》 林崇德主编 人民教...2163人阅读
ionic开发（34）
AngualrJS（4）
功能描述：搜索功能，在输入关键字后，点击手机键盘搜索键（确定键或是开始键）触发搜索功能的实现方法。
方法其实特别简单：
首先：需要将搜索框和搜索按钮放在一个表单下，代码如下（这个必须有，不放在一个form下面是不行的）
&form&//不要写anction属性，会导致页面刷新。
&input type=&search&placeholder=&请输出关键字&&// type=“search& 可以让手机键盘的开始键变成搜索键
&button ng-click=&search()&&&/button&
这样不需要点击按钮，键盘的搜索键也一样可以触发search()方法里的程序，调用手机键盘就实现了。
搜索功能的实现方法，可以看我的另一篇文章——ionic开发——完整搜索功能的实现方法
地址：http://blog.csdn.net/yu/article/details/
访问：133887次
积分：1961
排名：千里之外
原创：64篇
评论：54条
(1)(1)(1)(3)(10)(8)(3)(7)(5)(5)(3)(3)(18)(3)其他回答(1)
&input&type="number"&name="number" runat="server"&这样也可以在服务端访问。&
收获园豆：7
清除回答草稿
&&&您需要以后才能回答，未注册用户请先。在BIOS里怎样设置了打开数字小键盘啊_百度知道
在BIOS里怎样设置了打开数字小键盘啊
我有更好的答案
小键盘将处于光标控制状态（用于控制光标的方向）在BIOS的BIOS Features Setup项里有Boot Up NumLock Status（启动时小键盘状态）选项： On, Off。
这个功能控制的是小键盘在启动时的状态。如果设为On时，小键盘将会处于数字状态（用于输入数字）但是如果设为Off的话
采纳率：59%
为您推荐：
其他类似问题
您可能关注的内容
小键盘的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。}