点击上的离子焦点输入 - 键盘重叠并且不会聚焦输入

时间:2017-06-27 15:57:37

标签: ionic-framework cordova-plugins

当我点击离子应用程序中的输入时,标记为离子项或输入,键盘重叠并且不会聚焦。

默认情况下,关注所有输入的最简单方法是什么?或者只是让它专注于点击。

<ion-item> 
    <ion-input type="email" placeholder="Email" name="email" required></ion-input>
</ion-item>

<input class="round-input" type="text" placeholder="Email" name="email2" required  /> 

以下适用于ios for ionic-input但不适用于android。

.input-cover {
  position: static;
}

2 个答案:

答案 0 :(得分:0)

我已经以合理的方式实现了这一目标。

barplot(data$Value, xaxs="i",xaxt="n")
abline(v = 3.7)
abline(v = 6.1)
text(3.7/2, 5.9, label = '1')
text(4.85, 5.9, label = '2')
text(8.5, 5.9, label = '3')

答案 1 :(得分:0)

//add this on a controller on which you want to focus a filed
var input = this;
    input.focus = function () {
        document.getElementById('input').focus();
     };
<form name="loginform" novalidate>
    <div class="login-form ">
        <div class="row">
            <div class="col" ng-init="input.focus();">
                <span class="icon-login"> <i class="icon ion-person placeholder-icon"></i></span>
                   <input type="email" id="email_address" placeholder="Email Address" name="email_address" ng-model="data.email_address" focus-me autofocus/>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <span class="icon-login"><i class="icon ion-locked placeholder-icon"></i></span>
                    <input type="password"  placeholder="Password" name="password"  ng-model="data.password"/>
            </div>
        </div>
        <button type="submit"  ng-click="login()" class="button button-light text-uppercase Avenir-Medium text-blue margintp10">
            Login
        </button>
    </div>
</form>