调用移动端“搜索”按键，触发后收起软键盘

将input元素的type值替换成“search”,在移动端会唤出“搜索”按键。需注意的是，对于苹果手机input元素必须要有一个form标签套起来，否则键盘上的文字不能变成搜索字样

<form id="myform" action="#" onsubmit="return false;">               <input id="keyword"  type="search" class="web_searchVlaue" placeholder="请输入搜索关键字">
</form>

$("#keyword").on('keyup', function (e) {var keycode = e.keyCode;if (keycode == '13') {e.preventDefault();/*some操作*/  document.activeElement.blur();  // 关闭软键盘}  }
});

调用移动端“搜索”按键，触发后收起软键盘相关推荐

uni-app.05.底部按钮fixed定位后被软键盘推起的解决办法
底部按钮fixed定位后被软键盘推起的解决办法问题引出解决方案解决思路代码实现效果问题引出昨天在测试app的时候,测试提出新增个人信息界面底部的input框在输入的时候会被软键盘遮挡而看 ...
Android 类似淘宝电商搜索功能，监听软键盘搜索事件，延迟自动搜索，以及时间排序的搜索历史记录的实现
最近跳槽去新公司,接受的第一个任务是在一个电商模块的搜索功能以及搜索历史记录的实现. 需求和淘宝等电商的功能大体差不多,最上面一个搜索框,下面显示搜索历史记录.在EditText里输入要搜索的关键字 ...
Android适配页面底部虚拟按键，解决与软键盘冲突，AndroidBug5497Workaround
想全面了解解决方案不妨看下这两篇文章: https://blog.csdn.net/smileiam/article/details/69055963 https://blog.csdn.net/we ...
android 键盘搜索按钮事件,Android EditText 软键盘搜索事件
只需要在XML在输入框中加入android:imeOptions="actionSearch",调用软键盘时,回车键就会显示搜索二字. searchText.setOnEditor ...
Android软键盘调用及隐藏，以及获得点击软键盘输入的字母信息
在Android提供的EditText中单击的时候,会自动的弹出软键盘,其实对于软键盘的控制我们可以通过InputMethodManager这个类来实现.我们需要控制软键盘的方式就是两种一个是像Edi ...
android仿微信、QQ等聊天界面，实现点击输入框弹出软键盘、点击其他区域收起软键盘，默认滑动至最低端
如图所示,点击输入框及选择图片和发送按钮时软键盘显示且不消失,点击其他区域,则隐藏软键盘. 主要代码如下: override fun dispatchTouchEvent(ev: MotionEven ...
android软键盘设置收起键,Android 点击任意位置收起软键盘
@Override public boolean dispatchTouchEvent(MotionEvent ev) { AppUtils.hideInputWhenTouchOtherView(t ...
移动端进入页面即可弹出软键盘实例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
flutter 收起软键盘
xmpp聊天中,经常遇到上下滑动聊天记录,需要收起键盘,方便用户操作 GestureDetector(// 触摸收起键盘behavior: HitTestBehavior.translucent,on ...

调用移动端“搜索”按键，触发后收起软键盘

调用移动端“搜索”按键，触发后收起软键盘相关推荐

最新文章

热门文章