目的:掉起来右下角为搜索的按钮
步骤:
1、input的type改为search,再写keydown按下时的事件调取搜索事件的方法
这样安卓手机上回车就变成了“搜索”,不过ios仍然是换行
2、input 外面套form,必须要有action,action=“javascript:return true”
我的项目用van:想弹出数字键盘,并监听搜索(换行),在安卓上执行搜索按钮,在ios 执行blur,因为安卓上点完成不执行blur
<form @submit.prevent="formSubmit" action="javascript:return true"> <van-field v-model='deviceCode' type='tel' placeholder="输入设备唯一码" clearable @blur="blur" @keydown="search($event)" /> </form> formSubmit () { return false }
补充知识:在ios中,input唤出软键盘中‘换行'转‘搜索'、‘前往',及直接唤醒数字键盘的实现(vue)
如下所示:
<input type="text" />
或
<form> <input type="text" placeholder="输入"> </form>
软键盘显示的都是
想要实现如图‘换行'变‘前往':
代码如下:
<form action="javascript:return true"> <input type="text" placeholder="请输入"> </form>
想要实现如图‘换行'变‘搜索':
<form action="javascript:return true"> <input type="search" placeholder="请输入姓名"> </form>
重点:
1:放在form标签内。
2:在form标签内加上action=”javascript:return true”
直接唤醒数字键盘
直接唤醒数字九键的键盘:
<input type="text" pattern="[0-9]*" placeholder="请输入数字1">
这时候如果如下代码把input标签放到表单标签内,则直接显示26键带有标点符号的数字键盘:
<form action="javascript:return true"> <input type="number" placeholder="请输入数字2"> <!--显示26键数字键盘,带有标点符号--> </form>
以上这篇vue 项目软键盘回车触发搜索事件就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
- 张琍敏2006-金鼎奖系列14[台湾版]CD1[WAV+CUE]
- 林一峰2008-城市旅人[香港首版][WAV+CUE]
- 群星1990-六个梦电视原声带[日本版][WAV+CUE]
- [In-Akustik7801]KissedByASong-《Dynaudio丹拿发烧示范盘》(2014)HQCD[WAV+CUE]
- 群星《17号音乐仓库2 第10期》[320K/MP3][66.53MB]
- 群星《17号音乐仓库2 第10期》[FLAC/分轨][163.67MB]
- 宝丽金50周年《古典篇》3CD限定盘[低速原抓WAV+CUE][1.8G]
- 群星.1986-新格名曲精选-歌3【新格】【WAV+CUE】
- 【ABC唱片】徐刚《独步外滩SACD》ISO+WAV分轨
- 刘月宁《扬琴独奏-木兰辞变奏曲》[FLAC+CUE]
- 陈奕迅《48首选》[WAV分轨][1.8G]
- 林忆莲《陪着我走》 SACD DSD64[DSF][1.1G]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 刘欢范琳琳.1988-信天游迪斯科(TP版)【内蒙古音像】【WAV+CUE】
- 群星-真声音真音乐[WAV+CUE]