微信内置开发 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 相关文章推荐
jquery调用wcf并展示出数据的方法
Jul 07 Javascript
jquery操作select大全
Apr 25 Javascript
jquery和js实现对div的隐藏和显示方法
Sep 26 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
Mar 03 Javascript
原生js实现数字字母混合验证码的简单实例
Dec 10 Javascript
js表单中选择框值的获取及表单的序列化
Dec 17 Javascript
jquery弹出框插件jquery.ui.dialog用法分析
Aug 20 Javascript
第一次动手实现bootstrap table分页效果
Sep 22 Javascript
vue新vue-cli3环境配置和模拟json数据的实例
Sep 19 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
Aug 23 Javascript
JS实现利用闭包判断Dom元素和滚动条的方向示例
Aug 26 Javascript
html5 录制mp3音频支持采样率和比特率设置
Jul 15 Javascript
微信小程序 下拉刷新及上拉加载原理解析
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实现文件安全下载
2006/10/09 PHP
修改PHP的memory_limit限制的方法分享
2012/02/21 PHP
PHP抽奖算法程序代码分享
2015/10/08 PHP
PHP微信发送推送消息乱码的解决方法
2019/02/28 PHP
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
2006/09/22 Javascript
JavaScript实现Sleep函数的代码
2007/03/04 Javascript
js电信网通双线自动选择技巧
2008/11/18 Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
2013/01/21 Javascript
jquery固定底网站底部菜单效果
2013/08/13 Javascript
浏览器页面区域大小的js获取方法
2013/09/21 Javascript
JQUERY的AJAX请求缓存里的数据问题处理
2016/02/23 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
判断JS对象是否拥有某属性的方法推荐
2016/05/12 Javascript
json传值以及ajax接收详解
2016/05/24 Javascript
Javascript类型系统之undefined和null浅析
2016/07/13 Javascript
Bootstrap CSS组件之大屏幕展播
2016/12/17 Javascript
使用vue.js实现checkbox的全选和多个的删除功能
2017/02/17 Javascript
vue2.0 datepicker使用方法
2018/02/04 Javascript
在react中使用vuex的示例代码
2018/07/30 Javascript
如何实现echarts markline标签名显示自己想要的
2020/07/20 Javascript
Python文件右键找不到IDLE打开项解决办法
2015/06/08 Python
python数据结构之图深度优先和广度优先实例详解
2015/07/08 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
用Python shell简化开发
2018/08/08 Python
Django项目之Elasticsearch搜索引擎的实例
2019/08/21 Python
详解python uiautomator2 watcher的使用方法
2019/09/09 Python
基于Python实现拆分和合并GIF动态图
2019/10/22 Python
python用requests实现http请求代码实例
2019/10/31 Python
Python collections模块的使用方法
2020/10/09 Python
Django URL参数Template反向解析
2020/11/24 Python
西班牙灯具网上商店:Lampara.es
2018/06/05 全球购物
机械系大学毕业生推荐信
2013/11/27 职场文书
物业管理专业自荐信
2014/07/01 职场文书
病人写给医生的感谢信
2015/01/23 职场文书
幼儿教师小班个人总结
2015/02/05 职场文书
python调试工具Birdseye的使用教程
2021/05/25 Python