微信内置开发 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 tab插件精简版分享
Sep 10 Javascript
从URL中提取参数与将对象转换为URL查询参数的实现代码
Jan 12 Javascript
基于KMP算法JavaScript的实现方法分析
May 03 Javascript
详解Javascript动态操作CSS
Dec 08 Javascript
javascript搜索框效果实现方法
May 14 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
May 15 Javascript
javascript简单写的判断电话号码实例
May 24 Javascript
JS数组去重常用方法实例小结【4种方法】
May 28 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
Jun 29 Javascript
详解Vue2 添加对scss的支持
Jan 02 Javascript
JS学习笔记之闭包小案例分析
May 29 Javascript
jQuery删除/清空指定元素的所有子节点实例代码
Jul 04 jQuery
微信小程序 下拉刷新及上拉加载原理解析
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
js和php邮箱地址验证的实现方法
2014/01/09 PHP
PHP符合PSR编程规范的实例分享
2016/12/21 PHP
php 查找数组元素提高效率的方法详解
2017/05/05 PHP
PHP实现的文件浏览器功能简单示例
2019/09/12 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
Jquery实现图片放大镜效果的思路及代码(自写)
2013/10/18 Javascript
javascript中typeof的使用示例
2013/12/19 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
2015/03/31 Javascript
JavaScript中实现map功能代码分享
2015/06/11 Javascript
jquery获取url参数及url加参数的方法
2015/10/26 Javascript
javascript 中的事件委托详解
2016/10/25 Javascript
解决vue热替换失效的根本原因
2018/09/19 Javascript
使用jQuery如何写一个含验证码的登录界面
2019/05/13 jQuery
vue elementui 实现搜索栏公共组件封装的实例代码
2020/01/20 Javascript
在pycharm中开发vue的方法步骤
2020/03/04 Javascript
解决vue2中使用elementUi打包报错的问题
2020/09/22 Javascript
解决vue项目axios每次请求session不一致的问题
2020/10/24 Javascript
基于elementUI竖向表格、和并列的案例
2020/10/26 Javascript
python中文编码问题小结
2014/09/28 Python
使用Python编写爬虫的基本模块及框架使用指南
2016/01/20 Python
python初学之用户登录的实现过程(实例讲解)
2017/12/23 Python
对Python 中矩阵或者数组相减的法则详解
2019/08/26 Python
解决 jupyter notebook 回车换两行问题
2020/04/15 Python
Pycharm中安装wordcloud等库失败问题及终端通过pip安装的Python库如何添加到Pycharm解释器中(推荐)
2020/05/10 Python
利用python制作拼图小游戏的全过程
2020/12/04 Python
努比亚手机官网:nubia
2016/10/06 全球购物
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
美国隐形眼镜销售网站:ContactsDirect
2017/10/28 全球购物
银行委托书范本
2014/04/04 职场文书
学习雷锋寄语大全
2014/04/11 职场文书
“四风”问题的主要表现和危害思想汇报
2014/09/19 职场文书
机械专业毕业生自我鉴定2014
2014/10/04 职场文书
工厂仓管员岗位职责
2015/04/01 职场文书
学风建设主题班会
2015/08/17 职场文书
Python标准库之typing的用法(类型标注)
2021/06/02 Python