原文连接：https://blog.csdn.net/Mr_dong_ya_yun/article/details/105473787
需求：搜索功能，要求使用手机软键盘弹起搜索
<form action="" @submit.prevent="search">
<input class="search-input" type="search" placeholder="搜索姓名、身份证号、工厂名称" v-model="searchVal">
</form>
type=search,不可省略，form为了兼容ios
// 搜索函数里面可以写请求的函数
search(){
console.log(123123123)
// alert(1)
document.activeElement.blur();
}
请求完，H5页面关闭软键盘：
document.activeElement.blur();
亲测有效，记录一下
h5页面的input select textarea页面调用软键盘收起后，由于软键盘被顶起关闭后不会往下移，导致页...
Edittext在项目十分常见，当用到搜索功能时，进入搜索页面需要自动弹出软键盘，点击搜索，就要将软键盘关闭，这里...
原文连接：https://blog.csdn.net/Mr_dong_ya_yun/article/details...
在开发移动端H5页面的时候, 做到搜索功能, ios 软键盘没有出现搜索按钮(安卓系统正常), 只有一个换行按钮怎...
软键盘打开 软键盘关闭 监听软键盘状态 解决表情和键盘切换时界面闪动
设置EditText获取焦点并弹出软键盘及手动关闭软键盘 设置EditText获取焦点并弹出软键盘 关闭软键盘 让...
点击关闭软键盘：/** 如果软键盘没打开则打开，没关闭则关闭**/InputMethodManager m=(In...
H5微信页面开发，软键盘弹起后，若原输入框被遮挡，页面整体将会上移，然而当输入框失焦，软键盘收起后，页面未恢复，导...
function isWeiXinAndIos() { ...
未经本人授权，不得转载！否则必将维权到底 一个很常见的需求：点击搜索框 EditText 弹出软键盘，软键盘的回车...
本文标题：【转载】H5页面，调用软键盘搜索功能和关闭软键盘
本文链接：https://www.haomeiwen.com/subject/wpaqcrtx.html
网友评论