在input外层添加form action=“javascript:return true;”,input的type = search
<form action="javascript:return true;">
<div justify-content-between align-items-center class="search search-cont" [ngClass]="{'active':isBtn}">
<ion-searchbar #ipt class="search-input " type="search" inputmode="search" enterkeyhint="search"
placeholder="请输入人员姓名" [(ngModel)]="q.object.personName" id="personName"
(keyup)='searchVal($event)' (ionFocus)="focus()" (ionChange)="searchChange($event)"
[ngModelOptions]="{standalone: true}" [ngClass]="{'active':isBtn}"></ion-searchbar>
<ion-button class="search-btn" (click)="search()" type="submit" *ngIf="!isBtn">搜索</ion-button>
<div *ngIf="isBtn" (click)="clearFocus()">取消</div>
</div>
</form>