使用JS轻松实现ionic调用键盘搜索功能(超实用)
网络编程 2021-07-04 20:00www.168986.cn编程入门
这篇文章主要介绍了使用JS轻松实现ionic调用键盘搜索功能(超实用)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
这个需求是产品提的,一开始只是设置了 <input style="padding-: 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;: 1px;"></i> <input style="padding-: 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调用键盘搜索功能(超实用),希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程