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

41次阅读

共计 345 个字符,预计需要花费 1 分钟才能阅读完成。

在移动端页面键盘上出现 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();
// 需要做的操作
}
},

正文完
 0