微信内置开发 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 相关文章推荐
JavaScript 继承详解 第一篇
Aug 30 Javascript
js截取函数(indexOf,join等)
Sep 01 Javascript
利用jQuery实现可以编辑的表格
May 26 Javascript
jquery实现无限分级横向导航菜单的方法
Mar 12 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
Jul 17 Javascript
超详细的javascript数组方法汇总
Nov 21 Javascript
封装好的javascript前端分页插件pagination
Jan 04 Javascript
基于JavaScript实现智能右键菜单
Mar 02 Javascript
使用D3.js+Vue实现一个简单的柱形图
Aug 05 Javascript
vue2.0 + ele的循环表单及验证字段方法
Sep 18 Javascript
Vue前后端不同端口的实现方法
Sep 19 Javascript
jQuery实现滑动星星评分效果(每日分享)
Nov 13 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
比file_get_contents稳定的curl_get_contents分享
2012/01/11 PHP
PHP针对多用户实现更换头像功能
2016/09/04 PHP
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
2011/06/27 Javascript
基于jQuery.Validate验证库知识点的详解
2013/04/26 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
2014/03/05 Javascript
jQuery实现图片文字淡入淡出效果
2015/12/21 Javascript
ionic 上拉菜单(ActionSheet)实例代码
2016/06/06 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
2016/10/27 Javascript
Vue监听数组变化源码解析
2017/03/09 Javascript
vuejs使用$emit和$on进行组件之间的传值的示例
2017/10/04 Javascript
Angular开发实践之服务端渲染
2018/03/29 Javascript
Vue插槽原理与用法详解
2019/03/05 Javascript
微信小程序实现签字功能
2019/12/23 Javascript
nodejs脚本centos开机启动实操方法
2020/03/04 NodeJs
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
在Debian下配置Python+Django+Nginx+uWSGI+MySQL的教程
2015/04/25 Python
Python删除空文件和空文件夹的方法
2015/07/14 Python
python测试mysql写入性能完整实例
2018/01/18 Python
selenium python 实现基本自动化测试的示例代码
2019/02/25 Python
Python multiprocessing多进程原理与应用示例
2019/02/28 Python
Python 如何在字符串中插入变量
2020/08/01 Python
采用专利算法搜索最廉价的机票:CheapAir
2016/09/10 全球购物
土木工程专业个人求职信
2013/12/05 职场文书
超市业务员岗位职责
2013/12/05 职场文书
求职简历中自我评价
2014/01/28 职场文书
晚归检讨书
2014/02/19 职场文书
二年级评语大全
2014/04/23 职场文书
4s店活动策划方案
2014/08/25 职场文书
组织生活会发言材料
2014/12/15 职场文书
先进典型发言材料
2014/12/30 职场文书
员工自我工作评价
2015/03/06 职场文书
惊天动地观后感
2015/06/10 职场文书
2015年小学重阳节活动总结
2015/07/29 职场文书
经销商会议开幕词
2016/03/04 职场文书
带你了解CSS基础知识,样式
2021/07/21 HTML / CSS