移动端h5+vue失焦搜索,ios和android兼容问题
2024-10-06 21:53:35
html部分:
<input type="search" :placeholder="placeholder" v-model="searchName" @blur="searchIos" @keypress="searchAndroid" class="inputDemo">
js事件处理部分:
search(){
this.totalPages = 1;
this.curPage = 1;
this.listData = [];
this._getData();
},
searchIos(){
//ios点击完成失去焦点搜索
this.search();
},
searchAndroid(event){
//android点击搜索,未能失去焦点,故失去焦点事件无法触发,单可以调用键盘事件处理
if (event.keyCode == 13) { //如果按的是enter键 13是enter
event.preventDefault(); //禁止默认事件(默认是换行)
this.search();
}
},
最新文章
- R 操作矩阵和计算SVD的基本操作记录
- [IOS 开发] TableView、多个TableViewCell、自定义Cell、Cell上画画(故事板+代码方式)
- 快速排序python实现
- ZOJ 1808 Immediately Decodable
- c语言中static 用法总结(转)
- POJ3254Corn Fields(状压DP)
- erlang 里的if 和 case
- GPRS
- linux 下使用crontab+wget实现秒及定时任务
- unmount的时候报错
- CRC校验
- 用PHP和Ajax进行前后台数据交互——以用户登录为例
- CentOS7配置更新国内yum源
- 从Docker 到Jenkins 到Ansible的部署经验
- CentOS 7安装OpenCV 3.3.1
- 关于Android使用SFTP上传文件报错问题
- Lab 11-1
- CentOS7 图形化方式安装 Oracle 18c 单实例
- 教你如何在win7中的cygwin64下安装hadoop
- charAt和String的用法
热门文章
- lftp下载文件无法覆盖,提示"; file already existst and xfer:clobber is unset"; 问题解决
- 一百一十八:CMS系统之短信验证码加密和js代码混淆
- java1.7新特性:try-with-resources
- unity2d教程
- Java和SQL取两个字符间的值
- 【POJ - 3262】Protecting the Flowers(贪心)
- GPD mircoPC linux系统安装
- 【转帖】安卓的Bionic 简介
- 关于 resultType 与 parameterType 的基本使用的区别
- Vue--理解非prop特性