Ionic2开发笔记——监听手机软键盘搜索键

遇到这个问题,说明对ionic2比较熟悉了,这些属性就不过多解释,直接上代码。

HTML页面代码

<!--action会刷新页面-->

<form class="form">

<ion-input type = "search" autocomplete="off" placeholder="搜索" [(ngModel)]="searchs" name="search">

<button (click)="search(searchs)" style="visibility:hidden;">

</form>

SCSS代码:

.form{

width: 100%;

display: flex;

justify-content: space-between;

align-items: center;

}

TS部分代码:

searchs:string;

search(){

alert("你点击了软键盘搜索键搜索"+this.searchs);

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇阅读 4,604评论 0 26
  • 移动开发基本知识点 一.使用rem作为单位 html { font-size: 100px; } @media(m...
    横冲直撞666阅读 3,507评论 0 6
  • meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略And...
    Mycro阅读 591评论 0 2
  • 关于css常见问题,大多是移动端的。 简单的排版规则:条目与条目之间空两行,每条内容部分分段空一行。标点符号全部用...
    苏水儿阅读 5,042评论 0 9
  • 本人因工作问题房子需要转租,坐标天通西苑三区五号楼,步行到地铁天通苑站五分钟。房子朝南且有三扇窗户,所以采光和通风...
    北漂码农阅读 293评论 0 0