【移动】使用输入法的"搜索"按钮
来源:互联网 发布:英伟达优化软件 编辑:程序博客网 时间:2024/05/20 11:26
背景:
当我们开发一个移动web项目时,几乎都会有一个搜索功能,由于刚接触,只是在界面设了个“搜索”按钮。
测试妹子提出了这么一个改进需求,所以开始找资料把。发现还是挺简单的。
要点:
我们开发移动web应用,自然要无视安卓和苹果的差异,所以不搞区别对待。
首先我们需要在表单外加一个form,然后把input的type设成"search",注意form元素必须加 action="#" onsubmit=""这两个属性
不然某些脑残的苹果会把按钮给你显示成“换行”……
<form id="searchForm" action="#" onsubmit=""> <table> <tr><td><input type="search" placeholder="请输入查询条件"></td></tr> </table></form>
我使用jQuery如下:
<script> $('#searchForm').bind('search', function () {//用户按下“搜索”按钮后要执行的函数
document.activeElement.blur(); });</script>
还有个问题,在ios中输入法不会关闭,所以需要在监听里面再加一句:
document.activeElement.blur();
阅读全文
0 0
- 【移动】使用输入法的"搜索"按钮
- 监听输入法中的搜索按钮
- 解决手机端输入法搜索按钮的问题
- 安卓EditText调用输入法的搜索按钮
- 开发移动端web应用, 使用手机自带键盘的搜索按钮
- 移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
- 移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
- 2、移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
- 前端调用ios和Android输入法中的搜索按钮
- 按钮的animation移动
- 【android-view】searchView 的搜索按钮使用问题。
- Android:使用PathMeasure绘制动画效果的搜索按钮
- autoCompleteTextView输入完安输入法的“完成”按钮隐藏输入法
- Android-自定义输入法的功能按钮
- Android-自定义输入法的功能按钮
- Android-自定义输入法的功能按钮
- 解决Android使用ScrollView和 ListView时底部空间随着输入法向上移动的问题
- 点击按钮移动的div
- Android开发,so文件报错 No implementation found for XXX
- Opencv之鼠标响应setMouseCallback()的用法
- Matlab连接数据库ACCESS数据库
- SQLServer两张表筛选相同数据和不同数据
- JAVA语言如何进行异常处理,关键字:throws,throw,try,catch,finally分别代表什么意义?在try块中可以抛出异常吗?
- 【移动】使用输入法的"搜索"按钮
- WebSocket协议实时通信技术原理
- main函数的输入参数
- chengxu
- zookeeper实现注册中心(demo)
- 基于 SSM框架的前后端分离
- C#委托、同步调用、异步调用总结
- 数据结构第七周项目(三)——负数吧正数赶出队列
- 微信测试号开发之四 获取access_token和jsapi_ticket