首页 > 编程 > JavaScript > 正文

使用JS轻松实现ionic调用键盘搜索功能(超实用)

2019-11-20 09:03:40
字体:
来源:转载
供稿:网友

这个需求是产品提的,一开始只是设置了 <input style="padding-top: 3px;" type="search" placeholder="搜索医生或医院" ng-model="query">

type="search"

发现android上可以ios调取不出search健来,气死我了,经过google的搜索得到结论,需要在外面套用一个form表单,于是加上果然好使而且结合了form表单提交的事件直接调用了button 按钮的点击事件ng-click="searchSelect()",不需要额外再去监听搜索键盘点击事件,省了一大堆的麻烦,果然很实用啊,我真是个天才

hml代码如下:

<form><div class="bar bar-header item-input-inset" style="height: 50px;"><label class="item-input-wrapper" id="search-input"><i class="icon ion-ios-search" style="position: relative;color: gray;font-size: 1.5em;top: 1px;"></i><input style="padding-top: 3px;" type="search" placeholder="搜索医生或医院" ng-model="query"></label><button class="button button-clear" style="color: #49B746;" ng-click="searchSelect()">搜索</button></div></form>

js代码如下:

$scope.searchSelect = function(){if ($scope.currentSearchType == 'hospital'){}else{$scope.search();}};

以上所述是小编给大家介绍的使用JS轻松实现ionic调用键盘搜索功能(超实用),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表