微信内置开发 iOS修改键盘换行为搜索的解决方案


Posted in Javascript onNovember 06, 2019

在微信中搜索的时候, 我们通常使用keycode=13来判断客户是否点击了确定。

在安卓上,唤醒搜索框为确认键没问题,而ios就不敢苟同了,ios显示为换行,对于客户使用体验非常不好。

解决方案:

html代码。

<form @submit.prevent action="#">
   <input class="search_input" ref="input" 
   @focus="searchFocus" v-model="val" 
   @keypress="search" 
   placeholder="商品名称" type="search" />
 </form>

1、首先type =search;

2、input 外面包一层form,并且阻止表单的默认提交

<!-- 阻止默认行为,没有表达式 -->
<form @submit.prevent></form>

以上这篇微信内置开发 iOS修改键盘换行为搜索的解决方案就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
判断客户端浏览器是否安装了Flash插件的多种方法
Aug 11 Javascript
关于JavaScript与HTML的交互事件
Apr 12 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 Javascript
javascript实现淘宝幻灯片广告展示效果
Apr 27 Javascript
基于jquery实现人物头像跟随鼠标转动
Aug 23 Javascript
js实现文字超出部分用省略号代替实例代码
Sep 01 Javascript
JavaScript简单验证表单空值及邮箱格式的方法
Jan 20 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
Jan 25 Javascript
微信小程序如何获取用户信息
Jan 26 Javascript
vue项目关闭eslint校验
Mar 21 Javascript
深入浅出理解JavaScript高级定时器原理与用法
Aug 02 Javascript
Vue OpenLayer测距功能的实现
Apr 20 Vue.js
微信小程序 下拉刷新及上拉加载原理解析
Nov 06 #Javascript
vue 解决文本框被键盘遮住的问题
Nov 06 #Javascript
vue点击页面空白处实现保存功能
Nov 06 #Javascript
vue  elementUI 表单嵌套验证的实例代码
Nov 06 #Javascript
微信小程序网络请求实现过程解析
Nov 06 #Javascript
vue 自定义右键样式的实例代码
Nov 06 #Javascript
vue elementUI 表单校验的实现代码(多层嵌套)
Nov 06 #Javascript
You might like
php设计模式 Delegation(委托模式)
2011/06/26 PHP
PHP中创建空文件的代码[file_put_contents vs touch]
2012/01/20 PHP
PHP获取当前页面URL函数实例
2014/10/22 PHP
ThinkPHP通过AJAX返回JSON的两种实现方法
2014/12/18 PHP
PHP各种异常和错误的拦截方法及发生致命错误时进行报警
2016/01/19 PHP
PHP中的Trait 特性及作用
2016/04/03 PHP
php实现购物车产品删除功能(2)
2020/07/23 PHP
Laravel 模型关联基础教程详解
2019/09/17 PHP
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
2007/10/23 Javascript
jquery form 加载数据示例
2014/04/21 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
2014/12/20 Javascript
JS+CSS实现仿雅虎另类滑动门切换效果
2015/10/13 Javascript
jQuery 如何实现一个滑动按钮开关
2016/12/01 Javascript
JS批量替换内容中关键词为超链接
2017/02/20 Javascript
VUE2 前端实现 静态二级省市联动选择select的示例
2018/02/09 Javascript
Vue.js实现可配置的登录表单代码详解
2018/03/29 Javascript
深入浅析Vue.js计算属性和侦听器
2018/05/05 Javascript
js实现图片局部放大效果详解
2019/03/18 Javascript
[42:52]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
Python实现全局变量的两个解决方法
2014/07/03 Python
python实现进程间通信简单实例
2014/07/23 Python
Python高级特性——详解多维数组切片(Slice)
2019/11/26 Python
python 操作mysql数据中fetchone()和fetchall()方式
2020/05/15 Python
详解使用Python写一个向数据库填充数据的小工具(推荐)
2020/09/11 Python
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
struct和class的区别
2015/11/20 面试题
毕业生求职推荐信
2013/11/04 职场文书
《祁黄羊》教学反思
2014/04/22 职场文书
客户答谢会活动方案
2014/08/31 职场文书
高一军训的心得体会
2014/09/01 职场文书
甲乙双方合作协议书
2014/10/13 职场文书
2015年路政工作总结
2015/05/22 职场文书
装修公司管理制度
2015/08/05 职场文书
Django给表单添加honeypot验证增加安全性
2021/05/06 Python
新手入门Mysql--sql执行过程
2021/06/20 MySQL
SpringBoot集成Druid连接池连接MySQL8.0.11
2021/07/02 Java/Android