手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >使用JS轻松实现ionic调用键盘搜索功能(超实用)
使用JS轻松实现ionic调用键盘搜索功能(超实用)
摘要:这个需求是产品提的,一开始只是设置了type="search"发现android上可以ios调取不出search健来,气死我了,经过goog...

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

type="search"

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

hml代码如下:

<form> <div> <label id="search-input"> <i></i> <input type="search" placeholder="搜索医生或医院" ng-model="query"> </label> <button ng-click="searchSelect()">搜索</button> </div> </form>

js代码如下:

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

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

【使用JS轻松实现ionic调用键盘搜索功能(超实用)】相关文章:

JQuery实现带排序功能的权限选择实例

基于JavaScript实现智能右键菜单

JS+CSS实现的拖动分页效果实例

JS实现简单路由器功能的方法

AspNet中使用JQuery上传插件Uploadify详解

jQuery使用zTree插件实现树形菜单和异步加载

js实现简单锁屏功能实例

在JavaScript应用中使用RequireJS来实现延迟加载

JS实现简洁、全兼容的拖动层实例

js实现简单div拖拽功能实例

精品推荐
分类导航