使用JS轻松实现ionic调用键盘搜索功能(超实用)
这个需求是产品提的,一开始只是设置了<inputstyle="padding-top:3px;"type="search"placeholder="搜索医生或医院"ng-model="query">
type="search"
发现android上可以ios调取不出search健来,气死我了,经过google的搜索得到结论,需要在外面套用一个form表单,于是加上果然好使而且结合了form表单提交的事件直接调用了button按钮的点击事件ng-click="searchSelect()",不需要额外再去监听搜索键盘点击事件,省了一大堆的麻烦,果然很实用啊,我真是个天才
hml代码如下:
<form> <divclass="barbar-headeritem-input-inset"style="height:50px;"> <labelclass="item-input-wrapper"id="search-input"> <iclass="iconion-ios-search"style="position:relative;color:gray;font-size:1.5em;top:1px;"></i> <inputstyle="padding-top:3px;"type="search"placeholder="搜索医生或医院"ng-model="query"> </label> <buttonclass="buttonbutton-clear"style="color:#49B746;"ng-click="searchSelect()">搜索</button> </div> </form>
js代码如下:
$scope.searchSelect=function(){ if($scope.currentSearchType=='hospital'){ }else{ $scope.search(); } };
以上所述是小编给大家介绍的使用JS轻松实现ionic调用键盘搜索功能(超实用),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!