移动端页面键盘出现“搜索”按键且实现提交功能

在移动端页面键盘上出现search/‘搜索’按键,需要满足以下几点:
1 input 输入框type=”search”
<input type=”search”>
2 放在form表单里面
3 需要使用 action属性
这三个条件缺一不可在vue中的写法
<template>
<form action=”.” >
<input type=”search” name=”search” class=”s-search” v-model=”searchName” @keypress=”jumpSearch”>
</form>

methods
jumpSearch(e){
var keycode = e.keyCode;
console.log(e)
if(keycode==’13’) {
e.preventDefault();
//需要做的操作
}
},

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理