单击时离子焦点输入 - 键盘重叠且不聚焦输入

Question

当我单击带有标记的离子应用程序中的输入或输入时，键盘重叠并且不集中。

默认情况下，最容易专注于所有输入的方法是什么？或者只是让它专注于单击。

<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  /> 

用于离子输入但不是Android的iOS作品。

.input-cover {
  position: static;
}

Answer 1

我以这种方式实现了合理的工作方式。

this.keyboard.onKeyboardShow().subscribe(e => {
console.log('Keyboard height is: ' + e.keyboardHeight);
jQuery('body').animate({ 'marginTop': - e.keyboardHeight + 'px' }, 200);
});
this.keyboard.onKeyboardHide().subscribe(e => {
jQuery('body').animate({ 'marginTop': 0 + 'px' }, 200);
});

Answer 2

//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>