ionic4的input调用手机键盘将换行改成搜索
我们在写输入框的时候通常会这样写,如下:
<ion-input type="search" value=""></ion-input>
按正常情况下键盘右下角的键换行会变成搜索可是有的时候会显示换行!
有解决方式如下:
在input文本框父节点包裹一层form,设置action是javascript:return true,
在ion-input 添加属性type="search", 注意一定要添加[ngModelOptions]="{standalone:true}"或name=‘search’
<form action="javascript:return true;" >
<ion-input placeholder="请输入" type="search" [(ngModel)]="myInputValue" (keyup)='showResult($event,myInputValue)' [ngModelOptions]="{standalone: true}"></ion-input>
</form>
键盘右下角会显示搜索文字、当点击右下角搜索的时候执行的事件
onSearchKeyUp(event) {
if ("Enter" == event.key) {
// alert(event.key);
}
}